@charset "UTF-8";
:root{--paper:#f7f7f4;--ink:#171719;--muted:#69696f;--line:#d4d4da;--accent:#b6a3f5;--soft:#eae4fb;--blue:#dceaf1;--radius:42px}*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 Arial,Helvetica,sans-serif}body.menu-is-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{ -webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:-.055em;line-height:1.02;font-weight:600}h1{font-size:clamp(60px,7.4vw,115px)}h2{font-size:clamp(42px,5.3vw,78px)}h3{font-size:34px}p{color:var(--muted)}em{font-style:normal;color:#8975c1}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7755ca;outline-offset:5px}.wrap{width:min(1440px,calc(100% - 112px));margin:auto}.header{position:relative;z-index:50}.header-in{height:118px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;letter-spacing:-.06em;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.14em;margin-top:8px;font-weight:500}.mark{width:52px;height:52px;border-radius:17px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:35px;position:relative}.mark>span{font-size:17px;position:absolute;right:5px;top:5px;color:var(--accent)}.header-actions{display:flex;align-items:center;gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 25px;border:1.5px solid var(--ink);border-radius:999px;background:var(--ink);color:white;font-weight:500;line-height:1.3;font-size:17px;transition:background .25s,transform .25s,color .25s}.btn:hover{background:var(--accent);color:var(--ink);transform:translateY(-3px)}.btn.light,.header-cta{background:transparent;color:var(--ink)}.btn.orange{background:var(--accent);color:var(--ink);border-color:transparent}.btn.orange:hover{background:#ccbcfc}.menu{width:54px;height:54px;background:var(--ink);border:0;border-radius:50%;position:relative;z-index:61;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu>span{width:23px;height:2px;background:white;transition:transform .3s}.menu[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}.motion-toggle{font-size:10px;line-height:1.2;border:0;padding:10px 0;background:transparent;color:var(--muted);max-width:76px;text-align:left}.nav{display:none;position:fixed;inset:0;background:#d6c9fa;z-index:60;padding:140px max(56px,calc((100vw - 1440px)/2)) 60px;overflow:auto}.nav.open{display:flex;flex-direction:column;align-items:start;gap:15px}.nav>a:not(.btn){font-size:clamp(32px,5vw,72px);letter-spacing:-.055em;line-height:1.1}.nav>a[aria-current=page]{color:#695193}.nav>a:hover{transform:translateX(10px)}.nav>.btn{margin-top:25px}.header:has(.nav.open) .menu{position:fixed;right:max(56px,calc((100vw - 1440px)/2));top:32px}.hero-v2{height:calc(100svh - 118px);min-height:650px;max-height:960px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:42px 0 22px;isolation:isolate}.hero-top{position:relative;display:flex;justify-content:space-between;z-index:2;pointer-events:none}.hero-statement{font-size:clamp(23px,2.5vw,36px);line-height:1.18;letter-spacing:-.04em;font-weight:500;color:var(--ink)}.hero-aside{font-size:12px;line-height:1.7;margin-top:6px}.hero-aside>span:last-child{color:var(--muted);font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;background:#8873bc;border-radius:50%;margin-right:5px}.hero-sculpture{position:absolute;z-index:-1;width:58%;left:29%;top:-15%;height:93%;will-change:transform}.hero-sculpture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;animation:sculpture-float 8s ease-in-out infinite;transform-origin:center}.orbit-label{position:absolute;font-size:12px;backdrop-filter:blur(8px);padding:11px 20px;border:1px solid #fff;border-radius:999px;background:#ffffff70}.label-one{left:5%;top:42%;transform:rotate(-15deg)}.label-two{right:9%;bottom:23%;transform:rotate(12deg)}.mega-title{font-size:clamp(130px,19.8vw,305px);font-weight:800;letter-spacing:-.087em;line-height:.8;white-space:nowrap;margin-top:auto;padding-top:225px;position:relative;z-index:3;pointer-events:none}.mega-title span{margin-left:.08em}.mega-title b{font-size:35px;vertical-align:top;display:inline-block;padding-top:15px;letter-spacing:0;margin-left:10px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:42px;gap:25px}.hero-bottom>span{font:10px monospace;letter-spacing:.05em}.scroll-cue{border:1px solid var(--line);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:25px}.marquee{overflow:hidden;padding:62px 0 35px;color:#b3b0b9;white-space:nowrap}.marquee-track{display:flex;width:max-content;animation:marquee 35s linear infinite;font-size:clamp(42px,7vw,110px);letter-spacing:-.04em;line-height:1.1}.marquee-track span{padding-right:25px}.block{padding:110px 0}.eyebrow{font:10px/1.6 monospace;letter-spacing:.11em;text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:26px}.dot{width:7px;height:7px;border-radius:50%;background:#8d73c5}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:65px}.section-top p{max-width:360px}.section-top .eyebrow{margin-bottom:25px}.grid3{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:22px}.segment{border:0;background:#eeedf1;border-radius:var(--radius);min-height:400px;padding:35px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .4s,background .4s}.segment:nth-child(2){background:#d7ccf2}.segment:nth-child(3){background:#dce8ee}.segment:hover{transform:translateY(-8px)}.segment .num{font:11px monospace;margin-bottom:55px;position:relative;z-index:2}.segment h3{font-size:36px;position:relative;z-index:2}.segment p{font-size:15px;margin-top:25px;color:#4b4853;position:relative;z-index:2}.segment .text-link{margin-top:auto;padding-top:32px;font-size:14px;position:relative;z-index:2}.directions-block .segment:after{content:'↗';font-size:150px;position:absolute;right:12px;bottom:4px;opacity:.09;font-weight:800;line-height:1}.segment.dark{color:var(--ink)}.text-link{border-bottom:1px solid currentColor;padding-bottom:3px;width:fit-content}.text-link:hover{color:#8065b9}.services{display:grid;grid-template-columns:.8fr 1.4fr;gap:90px}.services>div:first-child{position:sticky;top:80px;align-self:start}.service{display:grid;grid-template-columns:40px 1fr;gap:20px;border-top:1px solid #aaa9b0;padding:32px 0;transition:padding .3s}.service:hover{padding-left:15px}.service:last-child{border-bottom:1px solid #aaa9b0}.service span{font:11px monospace;color:var(--muted)}.service h3{font-size:36px}.service p{grid-column:2;font-size:16px;max-width:550px}.dark-band{background:var(--ink);color:var(--paper);border-radius:60px;margin:30px 24px;padding:100px 0}.dark-band .wrap{width:calc(100% - 100px)}.dark-band p{color:#bfbcc7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:1px solid #5c5865;padding-top:25px}.step small{font:11px monospace;color:#b7a3ed}.step h3{font-size:30px;margin:50px 0 22px}.step p{font-size:15px}.cost-note{font-size:13px;padding-top:35px;border-top:1px solid #504c59;margin-top:50px}.work-layout{display:grid;grid-template-columns:.58fr 1fr;gap:70px}.work-heading{display:flex;align-items:start;flex-direction:column;position:sticky;top:70px;align-self:start;margin:0;gap:35px}.work-heading h2{font-size:clamp(50px,5.7vw,84px)}.projects{display:grid;grid-template-columns:1fr;gap:100px;min-width:0}.project{min-width:0}.project-art{border-radius:var(--radius);background:#dad9e9;position:relative;height:560px;padding:26px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.project-topline{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.project-topline small{font:9px monospace;letter-spacing:.08em}.project-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #55555570;font-size:24px}.project-art.art-0{background:linear-gradient(140deg,#ccc1e3,#dcd7eb 50%,#afb9cf)}.project-art.art-1{background:#e9d96c}.project-art.art-2{background:#c8dfe1}.project-art.art-3{background:#d7d6d0}.project-art.art-4{background:#c8ced1}.art-tags{display:flex;gap:6px;flex-wrap:wrap;position:relative;z-index:3}.art-tags span{font:10px monospace;padding:7px 12px;background:#f7f7f0bd;backdrop-filter:blur(10px);border-radius:999px}.mock-stage{position:absolute;inset:100px 20px 85px;transform:rotate(-5deg);transition:transform .65s cubic-bezier(.2,.8,.2,1);will-change:transform}.project:hover .mock-stage{transform:rotate(0deg) scale(1.035)}.mock-app{height:100%;background:#f8f8f6;box-shadow:0 25px 55px #38324840;border-radius:16px;display:flex;overflow:hidden;font-size:10px}.mock-sidebar{width:27%;background:#202028;color:white;padding:30px 20px;font-weight:bold;font-size:18px;flex-shrink:0}.mock-sidebar span,.mock-sidebar b{display:block;font-size:8px;margin-top:22px;font-weight:400;color:#b9b6c8}.mock-sidebar b{padding:8px;background:#bca7ed;color:#171719;border-radius:5px}.mock-main{padding:35px 25px;width:73%}.mock-main small{font:7px monospace;letter-spacing:.08em;color:#81758e}.mock-main h4{font-size:43px;margin:25px 0}.mock-question{display:flex;justify-content:space-between;border:1px solid #d6d2de;padding:15px;background:white;border-radius:9px;font-size:11px}.mock-question b{margin-left:10px}.mock-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.mock-options span{padding:6px 10px;border:1px solid #77777760;border-radius:20px;font-size:9px}.mock-line{height:5px;background:#d9d5e0;width:80%;margin-top:22px}.mock-line.short{margin-top:9px;width:53%}.mock-main p{font-size:8px;margin-top:18px}.mock-document{display:flex;justify-content:center;align-items:center;height:100%;gap:15px;transform:rotate(5deg)}.doc-before,.doc-after{width:44%;height:100%;padding:25px;background:#fdfdf9;box-shadow:0 15px 35px #6a612045}.doc-before{transform:rotate(-10deg);height:85%;color:#646461}.doc-before small{font-size:7px}.doc-before h4{font-family:Georgia,serif;font-size:22px;margin:17px 0}.doc-before i{display:block;width:100%;height:3px;background:#c9c9c0;margin:8px 0}.doc-before i:nth-child(3n){width:65%}.doc-after{transform:rotate(7deg);background:#232323;color:#f4dc58}.doc-after>span{font:7px monospace;letter-spacing:.13em}.doc-after h4{font-size:35px;margin:25px 0}.doc-after>div{font-size:10px;border-top:1px solid #74705e;padding:13px 0;color:#eee}.doc-after b{color:#f4dc58;margin-right:9px}.doc-after p{font-size:9px;margin-top:25px;color:#d6d2bc}.mock-search{height:100%;background:#f6fafa;border-radius:17px;padding:35px;box-shadow:0 25px 50px #46626330;overflow:hidden;position:relative}.mock-search>span{font-size:18px;font-weight:600}.mock-search h4{font-size:55px;margin:22px 0;position:relative;z-index:2}.mock-search .mock-question,.mock-search .mock-options{position:relative;z-index:2}.letter-orb{position:absolute;right:-20px;top:10px;display:grid;place-items:center;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#afd1d5 50%,#597d84);color:#ffffff70;font-size:130px;font-weight:800;transform:rotate(20deg)}.mock-practice{height:100%;padding:30px;background:#ecece6;position:relative;overflow:hidden;border:1px solid #afaea2}.mock-practice>span{font:8px monospace}.mock-practice h4{font:50px/.95 Georgia,serif;letter-spacing:-.04em;margin:40px 0 25px;position:relative;z-index:2}.mock-practice p{font-size:9px}.practice-rule{width:60%;height:1px;background:#696b56;margin:20px 0}.mock-practice>strong{position:absolute;font-size:160px;right:-15px;bottom:10px;letter-spacing:-.13em;color:#bebfad;transform:rotate(-12deg)}.mock-galeon{height:100%;background:#222a31;padding:30px;border-radius:15px;color:white;overflow:hidden;position:relative;box-shadow:0 25px 55px #20304450}.galeon-title{font-size:20px;font-weight:600}.galeon-title span{display:block;font:7px monospace;margin-top:5px;color:#9ba9b4}.mock-galeon h4{font-size:48px;margin-top:40px;position:relative;z-index:2}.mock-galeon .mock-options{position:absolute;bottom:25px}.machine{position:absolute;right:5px;bottom:90px;width:230px;height:160px;transform:rotate(4deg)}.machine i{position:absolute;display:block;background:#e6ba55}.machine-body{width:110px;height:40px;border-radius:12px;bottom:25px;left:10px}.machine-cabin{width:50px;height:50px;bottom:60px;left:35px;border-radius:8px 8px 0 0;border:8px solid #e6ba55;background:#799ba3!important}.machine-arm{width:105px;height:20px;bottom:90px;left:90px;transform:rotate(-45deg);border-radius:10px}.machine-arm:after{content:'';position:absolute;right:-35px;top:30px;width:90px;height:17px;background:#efc568;transform:rotate(85deg);border-radius:10px}.machine-track{height:26px;width:135px;bottom:0;left:0;background:repeating-linear-gradient(90deg,#14191d 0 10px,#525b63 10px 13px)!important;border-radius:20px;border:6px solid #151a20}.project-body{padding:30px 18px 0}.project-body .eyebrow{display:none}.project-body h3{font-size:40px;margin:0 0 20px;display:flex;align-items:start;gap:18px}.case-index{font:11px monospace;color:var(--muted);padding-top:8px}.project-body p{font-size:16px;margin-bottom:16px}.project-body .text-link{display:inline-block;font-size:13px;margin-top:9px;overflow-wrap:anywhere}.portfolio-section{padding-top:10px}.portfolio-section .projects{grid-template-columns:1fr 1fr;gap:90px 38px}.portfolio-section .project:nth-child(even){margin-top:150px}.portfolio-section .project-art{height:530px}.portfolio-section .project:last-child{grid-column:1/-1;max-width:850px;width:100%;margin:0 auto}.portfolio-section .project:last-child .project-art{height:590px}.author{display:grid;grid-template-columns:.9fr 1fr;gap:100px;align-items:center}.author-symbol{background:#d4c4f5;border-radius:var(--radius);padding:35px;min-height:570px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.author-symbol p{font:10px monospace;color:#4f416e}.author-monogram{font-size:clamp(90px,10vw,150px);font-weight:800;letter-spacing:-.09em;line-height:.77;transform:rotate(-8deg);margin:50px 0}.author-monogram span{color:#f4f0fd}.author-copy>p{margin-top:25px}.credentials{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px}.credentials span{font-size:11px;border:1px solid #bfbac8;border-radius:20px;padding:8px 12px}.note{font-size:12px;line-height:1.7}.diplomas{margin-top:25px;border-top:1px solid var(--line);padding-top:18px;font-size:14px}.diplomas summary{cursor:pointer}.diploma-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.diploma-slots>div{background:#efedf3;border-radius:15px;padding:15px;font-size:12px}.diploma-slots small{display:block;margin-top:10px}.diploma-slots a{line-height:2}.brief{background:#e6ddf8;border-radius:60px;margin:30px 24px;padding:100px 0}.brief .wrap{width:calc(100% - 100px)}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.brief h2{font-size:clamp(65px,7vw,110px)}.brief h2 em{color:#7b60ab}.brief-intro>p{margin-top:30px;max-width:430px}.brief-intro .note{max-width:390px;margin-top:25px}.form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form label{font-size:12px}.form input,.form textarea,.form select{display:block;width:100%;min-width:0;border:0;border-bottom:1px solid #a89cb9;border-radius:0;background:transparent;color:var(--ink);padding:14px 0;font-size:15px;outline-offset:2px}.form textarea{min-height:125px;resize:vertical}.full{grid-column:1/-1}.form button{margin-top:10px;background:var(--ink);color:white}.form button:hover{background:#665184;color:white}.brief-result{margin-top:35px;padding:25px;background:#f4effb;border-radius:25px}.brief-result[hidden]{display:none}.brief-result h3{font-size:30px}.brief-result textarea{display:block;width:100%;min-height:260px;border:1px solid #cdc4d9;padding:15px;font:12px/1.7 monospace;background:#fffcff;margin:18px 0;resize:vertical}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.brief-result .btn{font-size:13px;padding:12px 18px}.status{font-size:12px;margin-top:15px}.faq{max-width:950px}.faq h2{margin-bottom:35px}.faq details{padding:25px 0;border-bottom:1px solid #bdbac3}.faq summary{font-size:23px;line-height:1.25;letter-spacing:-.025em;cursor:pointer}.faq p{font-size:16px;margin-top:20px;max-width:800px}.footer{padding:50px 0 35px;overflow:hidden}.footer-word{font-size:clamp(90px,16.5vw,250px);letter-spacing:-.095em;line-height:1;font-weight:800;white-space:nowrap;margin-bottom:60px}.footer-in{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid var(--line);padding-top:30px}.footer-in .brand{font-size:14px;letter-spacing:-.02em}.footer p{font-size:11px;max-width:370px}.footer a{font-size:13px}.subhero{position:relative;padding:50px 0 75px;max-width:none;isolation:isolate}.breadcrumb{font:10px monospace;color:var(--muted);margin-bottom:55px}.subhero h1{max-width:1000px;position:relative;z-index:2}.subhero .intro{font-size:20px;max-width:730px;margin-top:35px;position:relative;z-index:2}.subhero .actions{position:relative;z-index:2}.subhero-segment{padding-bottom:100px;min-height:650px}.sub-orb{position:absolute;z-index:-1;right:-40px;top:5px;width:47%;height:100%;opacity:.5;overflow:hidden}.sub-orb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-18deg)}.portfolio-hero h1{font-size:clamp(80px,11.5vw,170px)}.portfolio-hero{padding-bottom:100px}.scenario .grid3{grid-template-columns:repeat(3,1fr)}.scenario .segment{min-height:420px}.scenario .segment h3{font-size:32px}.scenario .segment p{font-size:15px}.scenario .segment .num{margin-bottom:35px}.outcome{padding:45px 0;border-top:1px solid #b4afbd;margin-top:70px;max-width:960px}.outcome strong{font-size:28px;letter-spacing:-.04em;line-height:1.2;font-weight:500}.outcome p{margin-top:22px;font-size:16px;max-width:850px}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:white;z-index:99}.skip:focus{top:15px}.reveal{transition:opacity .8s ease,transform .9s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .reveal:not(.is-visible){opacity:0;transform:translateY(45px)}.motion-enabled .hero-top{animation:hero-in .9s .1s both}.motion-enabled .mega-title{animation:hero-in 1.1s .15s both}.motion-disabled *{animation:none!important;transition:none!important}.motion-disabled .reveal{opacity:1!important;transform:none!important}.scroll-progress{position:fixed;z-index:80;left:0;top:0;height:3px;background:#9a81d5;width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none}
@keyframes hero-in{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}@keyframes sculpture-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1700px){.mega-title{font-size:305px}.hero-sculpture{top:-5%}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.hero-sculpture{left:28%;width:65%;top:-5%}.hero-v2{min-height:630px}.hero-statement{font-size:28px}.hero-aside{display:none}.grid3{grid-template-columns:1fr 1fr}.directions-block .segment:first-child{grid-column:1/-1;min-height:290px}.directions-block .segment:first-child p{max-width:500px}.services{gap:55px}.work-layout{grid-template-columns:.5fr 1fr;gap:45px}.project-art{height:500px}.mock-stage{inset:95px 15px 80px}.mock-main{padding:25px 20px}.mock-main h4{font-size:35px}.mock-sidebar{padding:25px 12px}.author,.brief-grid{gap:50px}.steps{grid-template-columns:1fr 1fr;gap:45px}.portfolio-section .project-art{height:470px}.portfolio-section .mock-main h4{font-size:30px}.portfolio-section .mock-sidebar{display:none}.portfolio-section .mock-main{width:100%}.scenario .segment{padding:25px}.scenario .segment h3{font-size:28px}.hero-bottom>span{font-size:9px}.dark-band .wrap,.brief .wrap{width:calc(100% - 65px)}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-in{height:88px}.brand{font-size:24px}.mark{width:43px;height:43px;font-size:30px;border-radius:13px}.header-actions{gap:12px}.header-cta{padding:12px 18px;font-size:13px}.motion-toggle{font-size:9px;max-width:65px}.menu{height:45px;width:45px}.header:has(.nav.open) .menu{right:20px;top:22px}.nav{padding:110px 25px 40px}.nav.open{gap:23px}.hero-v2{height:calc(100svh - 88px);min-height:590px;max-height:760px;padding-top:38px}.hero-statement{font-size:27px}.hero-sculpture{left:16%;width:84%;top:8%;height:74%}.mega-title{font-size:20.6vw;padding-top:290px}.mega-title b{font-size:20px;padding-top:4px;margin-left:6px}.hero-bottom{margin-top:26px;gap:15px}.hero-bottom>.btn{font-size:13px;padding:13px 20px}.hero-bottom>span{max-width:140px;font-size:8px}.scroll-cue{width:40px;height:40px;flex-shrink:0}.marquee{padding:45px 0 20px}.block{padding:75px 0}.section-top{flex-direction:column;align-items:start;gap:28px;margin-bottom:40px}.section-top p{font-size:15px}.grid3{gap:15px}.segment{padding:28px;min-height:350px;border-radius:30px}.segment h3{font-size:31px}.segment p{font-size:14px}.services{grid-template-columns:1fr;gap:45px}.services>div:first-child{position:static}.service h3{font-size:32px}.dark-band,.brief{border-radius:40px;margin:20px 10px;padding:65px 0}.dark-band .wrap,.brief .wrap{width:calc(100% - 40px)}.work-layout{display:block}.work-heading{position:static;margin-bottom:45px;gap:25px}.work-heading h2 br{display:none}.projects{gap:70px}.project-art{height:590px}.mock-stage{inset:105px 30px 90px}.mock-sidebar{padding:30px 20px}.mock-main{padding:35px}.mock-main h4{font-size:45px}.project-body h3{font-size:34px}.author{grid-template-columns:1fr;gap:45px}.author-symbol{min-height:470px}.author-monogram{font-size:150px}.brief-grid{grid-template-columns:1fr;gap:45px}.brief h2{font-size:74px}.brief-intro>p{max-width:550px}.form{gap:22px}.footer-in{align-items:start;flex-direction:column;gap:20px}.footer-word{margin-bottom:40px;font-size:16.5vw}.subhero{padding:35px 0 60px}.subhero h1{font-size:clamp(47px,8vw,72px)}.subhero .intro{font-size:17px;max-width:600px}.breadcrumb{margin-bottom:38px}.subhero-segment{min-height:580px}.sub-orb{right:-20px;top:70px;width:65%;opacity:.3}.portfolio-hero h1{font-size:clamp(60px,12vw,95px)}.portfolio-section .projects{display:block}.portfolio-section .project,.portfolio-section .project:nth-child(even){margin:0 0 75px}.portfolio-section .project-art{height:570px}.portfolio-section .mock-sidebar{display:block}.portfolio-section .mock-main{width:73%}.portfolio-section .mock-main h4{font-size:43px}.portfolio-section .project:last-child .project-art{height:570px}.scenario .grid3{grid-template-columns:1fr}.scenario .segment{min-height:300px}.scenario .segment h3{font-size:34px}.scenario .segment p{max-width:600px}.scenario .segment .num{margin-bottom:30px}.outcome{margin-top:45px;padding:35px 0}.faq summary{font-size:21px}}
@media(max-width:500px){.header-cta{display:none}.header-actions{gap:16px}.hero-v2{min-height:580px;max-height:760px}.hero-statement{font-size:24px}.hero-sculpture{top:20%;left:-4%;width:108%;height:56%}.hero-sculpture img{object-fit:cover}.orbit-label{padding:8px 12px;font-size:10px}.label-one{top:30%;left:10%}.label-two{bottom:20%;right:10%}.mega-title{font-size:20.6vw;letter-spacing:-.08em;padding-top:320px}.mega-title b{font-size:15px;margin-left:3px}.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:15px;margin-top:25px}.hero-bottom>span{grid-column:1/-1;max-width:none;font-size:9px}.hero-bottom>.btn{justify-content:space-between;font-size:14px;padding:14px 20px}.scroll-cue{width:47px;height:47px}.marquee-track{font-size:46px}.grid3{grid-template-columns:1fr}.directions-block .segment:first-child{grid-column:auto}.segment,.directions-block .segment:first-child{min-height:320px}.segment .num{margin-bottom:38px}h2{font-size:43px}.service{grid-template-columns:25px 1fr;gap:12px}.service h3{font-size:28px}.service p{font-size:14px}.steps{grid-template-columns:1fr;gap:32px}.step h3{margin-top:25px}.dark-band{padding:55px 0}.project-art,.portfolio-section .project-art,.portfolio-section .project:last-child .project-art{height:430px;border-radius:30px;padding:20px}.project-topline small{font-size:8px;max-width:170px}.project-arrow{height:32px;width:32px;font-size:20px}.mock-stage{inset:85px 12px 78px;transform:rotate(-5deg)}.mock-sidebar,.portfolio-section .mock-sidebar{display:none}.mock-main,.portfolio-section .mock-main{width:100%;padding:24px}.mock-main h4,.portfolio-section .mock-main h4{font-size:33px;margin:17px 0}.mock-main small{font-size:6px}.mock-line{margin-top:14px}.mock-main p{font-size:7px}.mock-question{padding:12px;font-size:10px}.art-tags span{font-size:8px;padding:6px 9px}.doc-before,.doc-after{padding:15px}.doc-before h4{font-size:19px}.doc-after h4{font-size:26px;margin:20px 0}.doc-after>div{font-size:8px;padding:12px 0}.doc-after p{font-size:7px;margin-top:15px}.doc-before i{margin:6px 0;height:2px}.mock-search{padding:25px}.mock-search h4{font-size:40px}.letter-orb{width:155px;height:155px;font-size:100px;right:-30px;top:20px}.mock-practice h4{font-size:40px;margin-top:35px}.mock-practice>strong{font-size:130px}.mock-galeon{padding:22px}.mock-galeon h4{font-size:37px;margin-top:30px}.galeon-title{font-size:16px}.machine{transform:scale(.65) rotate(4deg);transform-origin:right bottom;right:0;bottom:62px}.mock-galeon .mock-options{bottom:20px}.mock-options span{font-size:8px;padding:5px 8px}.project-body{padding:25px 5px 0}.project-body h3{font-size:33px;gap:13px}.project-body p{font-size:14px}.project-body .text-link{font-size:12px}.author-symbol{min-height:400px;padding:25px}.author-monogram{font-size:115px}.author-copy>p{font-size:15px}.diploma-slots{grid-template-columns:1fr}.brief h2{font-size:62px}.brief-intro>p{font-size:15px}.brief-intro .note{font-size:11px}.form{grid-template-columns:1fr}.form>*{grid-column:1}.form .btn{font-size:14px}.brief-result{padding:20px}.brief-result .actions{display:grid}.subhero h1{font-size:47px;overflow-wrap:normal}.subhero .intro{font-size:16px}.subhero-segment{min-height:650px}.subhero .actions{flex-direction:column}.sub-orb{width:90%;top:60px;right:-15px;opacity:.2}.portfolio-hero h1{font-size:15vw}.portfolio-hero{padding-bottom:60px}.breadcrumb{font-size:9px}.eyebrow{font-size:9px}.outcome strong{font-size:25px}.outcome p{font-size:14px}.faq summary{font-size:20px}.faq p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.hero-sculpture{transform:none!important}}
/* Persistent navigation control, as part of the full-screen menu. */
.header-actions{padding-right:74px}.menu{position:fixed;right:max(56px,calc((100vw - 1440px)/2));top:32px}.mega-title{word-spacing:-.1em}.mega-title b{font-size:29px}.mock-stage{pointer-events:none}
@media(max-width:1150px) and (min-width:801px){.menu{right:36px}}
@media(max-width:800px){.menu{right:20px;top:22px}.header-actions{padding-right:60px}.mega-title b{font-size:18px}}
@media(max-width:500px){.mega-title b{font-size:13px}.header-actions{padding-right:60px}}
@media(max-width:800px){.mega-title{font-size:18vw}.mega-title b{display:none}}
@media(max-width:500px){.brand{font-size:22px;gap:9px;white-space:nowrap}.brand small{font-size:8px;white-space:nowrap}.mark{width:40px;height:40px;flex-shrink:0}.header-actions{gap:0;padding-right:56px}.motion-toggle{width:50px;font-size:8px}.portfolio-hero h1{font-size:13.3vw}.hero-sculpture img{object-fit:contain}.hero-sculpture{mix-blend-mode:multiply}.author-monogram{font-size:105px;margin:25px 0}}
/* Real project captures and clear interaction hierarchy. */
.tools-heading{font-size:clamp(35px,3.5vw,54px);line-height:1.08}.tools-heading>span{display:block;white-space:nowrap}.process-heading{display:block;max-width:100%;margin-bottom:60px}.process-heading h2{max-width:1000px}.process-heading .process-intro{max-width:680px;font-size:19px;line-height:1.5;margin-top:28px}.step{border-radius:0 0 18px 18px;transition:background .25s,transform .3s;padding:25px 12px 20px}.step:hover,.step:focus-within{background:#ffffff0b}.step-number{font-size:42px;letter-spacing:-.06em;display:block;color:#cbb8ff;line-height:1.2;transition:color .25s,transform .3s}.step-number small{font-size:13px;letter-spacing:.08em;margin-left:10px}.step:hover .step-number,.step:focus-within .step-number{color:#f4edff;transform:translateX(5px)}.step h3{margin-top:35px}.step-detail{margin-top:25px;border-top:1px solid #66616f;padding-top:16px}.step-detail summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:#d7c5ff;cursor:pointer;transition:color .25s}.step-detail summary::-webkit-details-marker{display:none}.step-detail summary:hover,.step-detail summary:focus-visible{color:white}.step-detail summary span{font-size:24px;line-height:1}.step-detail[open] summary span{transform:rotate(45deg)}.step-detail p{margin-top:17px;font-size:13px}.segment .num{font-size:28px;letter-spacing:-.03em}.segment .num>span{font-size:11px;letter-spacing:.08em;display:block;margin-top:8px}.service .service-number{font-size:25px;letter-spacing:-.04em;color:#8d73be}.case-index{font-size:19px;padding-top:6px}.text-link{transition:color .2s,border-color .2s,transform .2s}.text-link:hover,.text-link:focus-visible{color:#70509f;transform:translateX(4px)}.project-art.real-shot,.portfolio-section .project-art.real-shot,.portfolio-section .project:last-child .project-art.real-shot{height:auto;display:block;padding:0;background:#eeedf0;border-radius:32px;border:1px solid #d4d0dc}.shot-button{display:block;position:relative;border:0;padding:0;width:100%;background:transparent;cursor:zoom-in;border-radius:inherit;overflow:hidden;color:var(--ink)}.shot-button img{display:block;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-origin:center}.shot-button:hover img,.shot-button:focus-visible img{transform:scale(1.035)}.shot-zoom{position:absolute;right:18px;bottom:18px;background:#eee7fc;color:#22192e;border:1px solid #c3b4da;border-radius:999px;padding:11px 17px;font-size:12px;box-shadow:0 5px 20px #0002;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s}.shot-button:hover .shot-zoom,.shot-button:focus-visible .shot-zoom{opacity:1;transform:none}.capture-label{font:10px/1.6 monospace;letter-spacing:.045em;color:#77717e;margin-top:17px}.project-body{padding-top:21px}.shot-dialog{border:1px solid #bdb8c7;border-radius:22px;padding:0;background:#f3f1f7;max-width:96vw;width:1440px;max-height:94svh;overflow:auto;color:#24202c}.shot-dialog::backdrop{background:#100d18cc;backdrop-filter:blur(8px)}.shot-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 20px;background:#f3f1f7;border-bottom:1px solid #d3ccdf}.shot-dialog-head p{font-size:13px;color:#443b51}.shot-close{border:1px solid #c6bdd4;border-radius:50%;width:38px;height:38px;flex-shrink:0;font-size:26px;background:transparent;line-height:1}.shot-close:hover{background:#d6c6f0}.shot-dialog-image{display:block;width:100%;height:auto}body:has(.shot-dialog[open]){overflow:hidden}
/* A dedicated LegalTech experience: real interface, working process navigator. */
.page-legaltech{background:#19181e;color:#f3f0e9}.page-legaltech .brand,.page-legaltech .motion-toggle{color:#f3f0e9}.page-legaltech .mark{background:#c8b3fa;color:#24202e}.page-legaltech .mark>span{color:#695582}.page-legaltech .header-cta{color:#f3f0e9;border-color:#9586ac}.page-legaltech .menu{background:#d1bafa}.page-legaltech .menu>span{background:#22182e}.page-legaltech .nav{color:#20182c}.legal-hero{padding:45px 0 0;position:relative}.legal-hero .breadcrumb{color:#b0a6bc;margin-bottom:45px}.legal-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.legal-hero .eyebrow{color:#c5abd9;font-size:12px}.legal-hero h1{font-size:clamp(65px,6.8vw,105px);line-height:.98;letter-spacing:-.065em}.legal-hero h1 em{color:#c5a5f4}.legal-hero-grid>div:first-child>p{max-width:560px;color:#c1b9ca;font-size:20px;margin-top:33px}.legal-hero .btn.light{color:#e3d7f4;border-color:#8c7c9f}.legal-hero-screen{transform:rotate(-5deg);padding:22px;background:#292530;border:1px solid #5c4d6c;border-radius:30px;box-shadow:0 30px 80px #06050a40;margin:30px 0}.legal-hero-screen .shot-button{border-radius:15px}.screen-caption{font:11px monospace;letter-spacing:.03em;color:#d5c1ed;margin-bottom:20px}.legal-hero-screen>p{font-size:11px;color:#b8a9c9;margin-top:17px}.legal-axis{margin-top:85px;border-top:1px solid #63566f;border-bottom:1px solid #63566f;padding:25px 0;display:flex;justify-content:space-between;color:#d0bbdf;font:14px monospace;letter-spacing:.06em}.legal-lab{background:#efede7;color:#24212a;border-radius:55px 55px 0 0;margin-top:95px}.legal-lab .section-top h2{font-size:clamp(43px,4.5vw,68px)}.legal-lab .section-top p{color:#68616e;font-size:16px}.lab-grid{display:grid;grid-template-columns:.65fr 1.25fr;gap:70px;align-items:start}.lab-tabs{display:flex;flex-direction:column;gap:12px;position:sticky;top:40px}.lab-tabs button{display:grid;grid-template-columns:45px 1fr;text-align:left;background:transparent;color:#655b6f;border:1px solid #c7bece;border-radius:21px;padding:23px 20px;gap:10px 15px;transition:background .25s,transform .3s,border-color .25s}.lab-tabs button>span{grid-row:1/3;font-size:30px;letter-spacing:-.055em;line-height:1.1}.lab-tabs b{font-size:20px;font-weight:500;letter-spacing:-.035em;line-height:1.15}.lab-tabs small{font-size:12px}.lab-tabs button[aria-selected=true]{background:#cbb5ef;border-color:#cbb5ef;color:#291b3a}.lab-tabs button:hover,.lab-tabs button:focus-visible{background:#ded0ee;transform:translateX(5px)}.lab-panel[hidden]{display:none}.lab-panel{background:#faf8f3;border:1px solid #d0c7d7;border-radius:25px;padding:30px;min-height:710px;animation:panel-enter .35s ease}.lab-panel-top>span{font:10px monospace;letter-spacing:.08em;color:#897794}.lab-panel-top h3{font-size:35px;margin:25px 0 22px}.lab-panel-top p{font-size:15px;color:#655b6d;margin-bottom:30px}.lab-panel>.shot-button{border:1px solid #d3cadb;border-radius:16px}.lab-panel>.note{font-size:11px;margin-top:18px;color:#716779}.legal-checklist{padding:0;margin:25px 0 30px;list-style:none}.legal-checklist li{display:flex;gap:20px;padding:23px 0;border-top:1px solid #d4cadc}.legal-checklist li>span{font:22px monospace;color:#9876b0}.legal-checklist strong{font-size:21px;font-weight:500;letter-spacing:-.03em}.legal-checklist p{font-size:14px;color:#6e607b;margin-top:9px}.legal-cases{background:#efede7;color:#24212a;padding-top:30px;border-radius:0 0 55px 55px}.legal-cases .section-top p{color:#6e6379}.legal-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.proof-number{font:15px monospace;color:#836198;display:block;margin-bottom:25px}.legal-proof-grid .shot-button{border-radius:24px;border:1px solid #d1c5dc}.legal-proof-grid h3{font-size:33px;margin:27px 0 18px}.legal-proof-grid p{font-size:16px;margin-bottom:20px;color:#716778}.legal-proof-grid .text-link{display:inline-block;font-size:14px}.legal-scenarios .eyebrow{color:#c5acd7}.legal-scenarios .outcome{border-color:#6e5c7c}.legal-scenarios .outcome p{color:#bfb0cc}.page-legaltech .dark-band{border:1px solid #67576f;background:#211d27}.page-legaltech .brief{color:#24212a}.page-legaltech .faq p{color:#bfb0cb}.page-legaltech .faq details{border-color:#63506f}.page-legaltech .footer-word{color:#b298c5}.page-legaltech .footer p{color:#b6a2c2}.page-legaltech .footer-in{border-color:#65526f}@keyframes panel-enter{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.legal-hero-grid{gap:35px}.legal-hero h1{font-size:6.8vw}.legal-hero-grid>div:first-child>p{font-size:18px}.legal-hero .actions{gap:10px}.legal-hero .btn{font-size:14px}.lab-grid{gap:35px}.lab-tabs b{font-size:18px}.lab-tabs button{padding:22px 16px;grid-template-columns:34px 1fr}.lab-panel{padding:25px}.lab-panel-top h3{font-size:30px}}
@media(max-width:800px){.tools-heading{font-size:clamp(34px,6vw,48px)}.process-heading .process-intro{font-size:17px;max-width:580px}.legal-hero-grid{grid-template-columns:1fr;gap:35px}.legal-hero h1{font-size:clamp(65px,11vw,90px)}.legal-hero-grid>div:first-child>p{max-width:600px}.legal-hero-screen{width:92%;margin:25px auto;transform:rotate(-3deg)}.legal-axis{margin-top:40px;font-size:11px}.legal-lab{margin-top:65px;border-radius:38px 38px 0 0}.lab-grid{grid-template-columns:1fr;gap:25px}.lab-tabs{position:static;flex-direction:row;gap:9px}.lab-tabs button{flex:1;display:block;padding:18px 12px;min-width:0}.lab-tabs span{display:block;margin-bottom:15px}.lab-tabs b{font-size:16px;display:block}.lab-tabs small{display:none}.lab-tabs button:hover,.lab-tabs button:focus-visible{transform:translateY(-3px)}.lab-panel{min-height:0}.legal-proof-grid{gap:25px}.legal-proof-grid h3{font-size:27px}.legal-proof-grid p{font-size:14px}.legal-cases{border-radius:0 0 38px 38px}.capture-label{font-size:9px}.shot-zoom{opacity:1;transform:none;font-size:10px;padding:9px 13px;bottom:12px;right:12px}}
@media(max-width:500px){.tools-heading{font-size:8.8vw}.process-heading h2{font-size:39px}.process-heading .process-intro{font-size:16px;margin-top:23px}.step-number{font-size:39px}.step-number small{font-size:12px}.step h3{font-size:29px}.segment .num{font-size:29px}.service .service-number{font-size:21px}.project-art.real-shot,.portfolio-section .project-art.real-shot,.portfolio-section .project:last-child .project-art.real-shot{border-radius:20px}.shot-zoom{font-size:9px;padding:7px 10px;right:9px;bottom:9px}.capture-label{font-size:8px;line-height:1.7}.legal-hero{padding-top:30px}.legal-hero .breadcrumb{margin-bottom:33px}.legal-hero .eyebrow{font-size:9px}.legal-hero h1{font-size:13.8vw}.legal-hero-grid>div:first-child>p{font-size:16px;margin-top:27px}.legal-hero-screen{padding:12px;border-radius:20px;width:95%;margin:10px auto}.screen-caption{font-size:8px;margin-bottom:12px}.legal-hero-screen>p{font-size:9px;margin-top:12px}.legal-hero .actions{display:grid}.legal-axis{font-size:8px;letter-spacing:0;padding:20px 0}.legal-lab .section-top h2{font-size:38px}.legal-lab .section-top p{font-size:14px}.lab-tabs button{border-radius:16px;padding:15px 9px}.lab-tabs b{font-size:13px;line-height:1.25;letter-spacing:-.03em}.lab-tabs button>span{font-size:26px}.lab-panel{padding:22px 17px;border-radius:20px}.lab-panel-top h3{font-size:28px;line-height:1.05}.lab-panel-top p{font-size:14px}.lab-panel-top>span{font-size:8px}.legal-proof-grid{grid-template-columns:1fr;gap:55px}.proof-number{font-size:14px}.legal-checklist strong{font-size:19px}.legal-checklist p{font-size:13px}.legal-checklist li{gap:13px}.shot-dialog{max-width:98vw;max-height:96svh;border-radius:15px}.shot-dialog-head{padding:12px}.shot-dialog-head p{font-size:11px}.shot-dialog-image{min-width:850px}.shot-dialog{overflow:auto}.shot-dialog-head{min-width:100%}.legal-hero .btn{font-size:15px}}
@media(prefers-reduced-motion:reduce){.lab-panel{animation:none}}
.examples-section{background:#e5ddf4;border-radius:55px;margin:20px 24px}.examples-section .wrap{width:calc(100% - 100px)}.example-picker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.example-picker button{display:flex;gap:25px;align-items:center;border:1px solid #a99bbd;padding:14px 22px;border-radius:999px;background:transparent;color:#6e5f80;transition:background .25s,color .25s,transform .25s}.example-picker button[aria-selected=true]{background:#28212e;border-color:#28212e;color:#f6efff}.example-picker button:hover,.example-picker button:focus-visible{transform:translateY(-4px);background:#cbb7e7;color:#291c36}.example-panel[hidden]{display:none}.example-panel{animation:panel-enter .3s ease}.example-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#f5effb;border-radius:30px;padding:15px}.example-columns>div{padding:30px;border-right:1px solid #d6c9e2}.example-columns>div:last-child{border:0}.example-columns small{font:11px monospace;letter-spacing:.06em;color:#8c729f}.example-columns h3{font-size:30px;line-height:1.05;margin:30px 0 23px}.example-columns p{font-size:16px;color:#6d5d7b}.example-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:30px}.example-bottom p{font-size:12px;max-width:440px;color:#73647f}.example-bottom .btn{font-size:14px}.handoff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.handoff-grid article{border-top:1px solid #aaa1b4;padding-top:25px}.handoff-grid span{font:30px monospace;color:#9278b0}.handoff-grid h3{font-size:30px;max-width:330px;margin:30px 0 23px}.handoff-grid p{font-size:16px;max-width:350px}.page-legaltech .handoff-section p{color:#b9a8c6}.page-legaltech .handoff-grid article{border-color:#665273}
@media(max-width:1150px){.example-columns>div{padding:22px}.example-columns h3{font-size:27px}.example-columns p{font-size:15px}.example-bottom{gap:25px}.examples-section .wrap{width:calc(100% - 65px)}}
@media(max-width:800px){.examples-section{border-radius:40px;margin:15px 10px}.examples-section .wrap{width:calc(100% - 40px)}.example-columns{grid-template-columns:1fr;padding:12px 25px}.example-columns>div{padding:25px 0;border-right:0;border-bottom:1px solid #d6c9e2}.example-columns h3{margin:20px 0 17px}.example-bottom{flex-direction:column;align-items:start}.example-picker{gap:8px}.example-picker button{font-size:14px;padding:12px 18px;gap:15px}.handoff-grid{grid-template-columns:1fr;gap:35px}.handoff-grid h3,.handoff-grid p{max-width:600px}.handoff-grid h3{margin:20px 0}.handoff-section .section-top h2 br:nth-of-type(2){display:none}}
@media(max-width:500px){.examples-section .section-top h2{font-size:36px}.example-columns{padding:8px 20px}.example-picker button{font-size:12px;padding:11px 14px;gap:12px}.example-columns h3{font-size:28px}.example-columns p{font-size:14px}.example-bottom .btn{font-size:13px;width:100%;padding:15px}.handoff-grid h3{font-size:28px}.handoff-grid p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.example-panel{animation:none}}
@media(min-width:801px) and (max-width:1150px){.sub-orb{right:0}}
/* v4: preserve the expressive v2 layout; refine content and controls. */
:root{--paper:#f7f7f4;--ink:#19181e;--muted:#5e5a68;--line:#ccc7d5;--accent:#b6a3f5;--soft:#eae4fb;--surface:#fff;--panel:#f2edf9;--inverse:#25202d;--inverse-text:#f6f1ff;--button-ink:#19181e}
:root[data-theme=dark]{--paper:#18171d;--ink:#f5f0fa;--muted:#c2bacd;--line:#62576f;--accent:#c1a9fa;--soft:#30283f;--surface:#24202d;--panel:#2c2538;--inverse:#32293f;--inverse-text:#f6f1ff;--button-ink:#20172c}
body,.page-legaltech{background:var(--paper);color:var(--ink)}p{color:var(--muted)}em{color:#7960ad}[data-theme=dark] em{color:#c4a8ff}.mark{font-size:18px;letter-spacing:-.06em;flex-shrink:0}.header-actions{gap:12px}.theme-toggle,.motion-toggle{min-height:46px;max-width:none;padding:12px 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:14px;background:var(--surface);text-align:center;white-space:nowrap}.theme-toggle:hover,.motion-toggle:hover{background:var(--soft)}.btn{color:var(--paper)}.btn.orange{color:var(--button-ink)}.btn.light,.header-cta{color:var(--ink)}.btn:hover{color:var(--button-ink)}.menu>span{background:var(--paper)}.nav{background:var(--soft)}.nav>a[aria-current=page]{color:var(--ink);text-decoration:underline;text-underline-offset:8px}.hero-v2{min-height:700px}.hero-top{pointer-events:auto}.mega-title{font-size:clamp(96px,17.5vw,280px);letter-spacing:-.08em;white-space:nowrap}.legal-object{position:absolute;z-index:-1;left:43%;top:4%;width:44%;height:67%;pointer-events:none}.floating-sheet{position:absolute;width:64%;height:83%;border-radius:28px;box-shadow:0 30px 65px #3d275327;padding:32px;transform:rotate(10deg);background:#d7c7f3;color:#302439}.floating-sheet>span{font-size:10px;letter-spacing:.12em}.sheet-back{left:26%;top:-1%;transform:rotate(22deg);background:#b1cbd6}.sheet-back i{display:block;height:2px;background:#66798655;margin-top:25px;width:80%}.sheet-front{left:7%;top:10%;background:linear-gradient(125deg,#efe7ff,#c3a9ed)}.sheet-front strong{display:block;font-size:clamp(30px,3.1vw,50px);line-height:1.04;letter-spacing:-.055em;margin-top:42px;font-weight:500}.document-sign{position:absolute;bottom:28px;left:32px;right:32px;border-top:1px solid #78698b66;padding-top:18px;font-size:15px;display:flex;justify-content:space-between}.document-sign b{font-size:25px}.object-chip{position:absolute;left:38%;top:79%;background:#302638;color:#faf2ff;border-radius:999px;padding:15px 23px;font-size:12px;transform:rotate(-9deg);white-space:nowrap}.legal-object{animation:document-float 9s ease-in-out infinite}@keyframes document-float{50%{transform:translateY(-12px) rotate(-2deg)}}
.service{transition:background .3s,border-color .3s!important}.service:hover{transform:none!important;padding-left:0;background:var(--soft)}.service h3{font-size:32px}.service p{font-size:18px;line-height:1.65}.service .text-link{display:inline-block;font-size:15px;margin-top:15px}.service>div{grid-column:2/-1}.service>div h3{margin-bottom:18px}.process-section{background:var(--inverse);color:var(--inverse-text);border-radius:55px;margin:20px 24px}.process-section p{color:#d4c9df}.process-section em{color:#c9b5f3}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.step-output{border-top:1px solid #746780;margin-top:25px;padding-top:20px}.step-output strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;color:#d6bffb}.step-detail summary{display:flex;justify-content:space-between;gap:10px;min-height:52px;font-size:15px;padding:16px 18px;border:1px solid #9f8eae;border-radius:24px;background:transparent;color:#f4eafb}.step-detail summary:hover,.step-detail[open] summary{background:#c4adee;color:#24192e}.step-detail summary::after{content:none}.step-detail[open] summary span{transform:rotate(45deg)}.step-expanded h4{font-size:22px;margin:25px 0 12px}.step-expanded p{font-size:16px;line-height:1.6}.step p{font-size:17px}.project{display:flex!important;flex-direction:column;gap:25px}.project-media{order:-1}.project-art.real-shot{overflow:hidden;background:var(--soft)!important;border-radius:35px;aspect-ratio:auto!important;height:auto!important;min-height:0!important}.project-cover{padding:35px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;background:var(--soft);color:var(--ink)}.cover-topline{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:.05em}.project-cover>strong{font-size:clamp(35px,4vw,65px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:30px 0 15px}.project-cover>p{font-size:18px;color:inherit}.cover-terms{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.cover-terms span{border:1px solid currentColor;border-radius:99px;padding:7px 12px;font-size:12px}.cover-1{background:#e5e6cd}.cover-2{background:#c8dfd3}.cover-3{background:#dfd6eb}.cover-4{background:#cddbe5}[data-theme=dark] .cover-1{background:#3d3a2a}[data-theme=dark] .cover-2{background:#243d35}[data-theme=dark] .cover-3{background:#3b2c47}[data-theme=dark] .cover-4{background:#293e4b}.project-category{display:flex;gap:15px;align-items:center;font-size:13px;color:var(--muted)}.case-index{font-size:24px}.project-body h3{margin:18px 0}.project-audience{font-size:15px}.project-story{margin:25px 0}.project-story>div{margin:18px 0}.project-story dt{font-size:13px;color:var(--muted);margin-bottom:7px}.project-story dd{margin:0;font-size:17px;line-height:1.65}.project-look{font-size:15px;margin-bottom:20px}.portfolio-section .projects{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-section .project:last-child{grid-column:auto}.author-principle{font-size:21px;line-height:1.4;margin:25px 0}.footer-word{font-size:clamp(35px,6vw,88px);letter-spacing:-.06em;padding:45px 0}.author-symbol{color:#211d28}.legal-hero-screen,.lab-panel,.legal-cases,.legal-lab{background:var(--panel);color:var(--ink)}.legal-hero-screen .project-cover{border-radius:22px}.page-legaltech .brand,.page-legaltech .header-cta,.page-legaltech .motion-toggle{color:var(--ink)}.page-legaltech .mark,.page-legaltech .menu{background:var(--ink);color:var(--paper)}.page-legaltech .menu span{background:var(--paper)}.page-legaltech .header-cta{border-color:var(--ink)}.legal-hero-grid>div:first-child>p,.legal-lab .section-top p,.lab-panel-top p,.legal-proof-grid p,.legal-cases .section-top p,.legal-checklist p,.page-legaltech .faq p,.page-legaltech .footer p,.page-legaltech .handoff-section p,.legal-scenarios .outcome p{color:var(--muted)}.lab-tabs button{background:var(--surface);color:var(--ink);border-color:var(--line)}.lab-tabs button[aria-selected=true]{background:var(--accent);color:var(--button-ink)}.lab-tabs button:hover{transform:none}.legal-proof-grid .project-cover{border-radius:30px}.lab-panel .project-cover{border-radius:22px}.examples-section{background:var(--soft)}.example-columns{background:var(--surface)}.example-columns p,.example-bottom p{color:var(--muted)}.example-picker button{color:var(--ink);border-color:var(--line)}.example-picker button[aria-selected=true]{background:var(--ink);color:var(--paper)}.example-columns small,.lab-panel-top>span,.proof-number,.legal-checklist li>span{color:var(--muted)}.segment{background:var(--soft);color:var(--ink)}.segment p{color:var(--muted)}.segment.dark{background:var(--inverse);color:var(--inverse-text)}.segment.dark p{color:#d4c9df}.brief,.page-legaltech .brief{background:var(--soft);color:var(--ink)}.form input,.form select,.form textarea,.brief-result textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}.brief-result{background:var(--surface);color:var(--ink)}.form label,.brief .note,.brief-intro p{color:var(--muted)}.outcome{border-color:var(--line)}.outcome strong,.outcome p{color:var(--ink)}.credentials span,.diploma-slots>div{background:var(--soft);color:var(--ink)}.marquee{color:var(--button-ink)}.note{color:var(--muted)}
@media(max-width:1150px){.header-cta{display:none}.header-actions{gap:8px}.hero-v2{min-height:630px}.legal-object{left:40%;width:53%;top:12%;height:62%}.sheet-front strong{font-size:40px}.steps{gap:25px}.step h3{font-size:29px}.service h3{font-size:29px}}
@media(max-width:800px){.header-in{height:150px;position:relative;align-items:flex-start;padding-top:22px}.header-actions{position:absolute;inset:22px 0 auto;justify-content:flex-end}.theme-toggle,.motion-toggle{position:absolute;top:67px;width:calc(50% - 5px);min-height:44px;font-size:14px;padding:12px 8px}.theme-toggle{left:0}.motion-toggle{right:0}.brand{font-size:25px}.menu{width:50px;height:50px}.header:has(.nav.open) .menu{top:22px}.nav{padding-top:115px}.hero-v2{height:780px;min-height:0;max-height:none;padding-top:20px}.hero-top{display:block}.hero-aside{margin-top:17px}.hero-statement{font-size:27px}.legal-object{width:68%;height:47%;top:26%;left:22%}.sheet-front strong{font-size:36px;margin-top:26px}.floating-sheet{padding:24px;border-radius:23px}.document-sign{left:24px;right:24px;bottom:22px}.mega-title{font-size:17vw}.hero-bottom{gap:15px}.hero-bottom>span{font-size:10px}.steps{grid-template-columns:1fr}.process-section{margin:15px 10px;border-radius:40px}.process-section .wrap{width:calc(100% - 40px)}.step{padding-bottom:30px}.portfolio-section .projects{grid-template-columns:1fr}.project-cover{min-height:290px}.service p{font-size:17px}.legal-hero .eyebrow{font-size:12px}.legal-hero-screen>p{font-size:12px}.legal-axis{font-size:11px}.screen-caption{font-size:11px}.lab-panel-top>span{font-size:11px}.lab-tabs b{font-size:15px}.lab-panel-top p,.legal-checklist p,.legal-proof-grid p{font-size:16px}.footer-word{font-size:8vw}}
@media(max-width:500px){.wrap{width:calc(100% - 36px)}.hero-v2{height:720px}.hero-statement{font-size:24px}.hero-aside{font-size:12px}.legal-object{width:87%;left:7%;top:29%;height:44%}.floating-sheet>span{font-size:9px}.sheet-front strong{font-size:34px}.object-chip{font-size:10px;padding:12px 16px;top:82%}.hero-bottom{flex-wrap:wrap;justify-content:space-between}.hero-bottom>span{width:100%;font-size:11px}.hero-bottom .btn{font-size:15px}.mega-title{font-size:18vw;letter-spacing:-.08em}.service h3{font-size:27px}.service .text-link{font-size:14px}.process-heading h2{font-size:36px}.project-cover{padding:25px;min-height:280px}.project-cover>strong{font-size:39px}.project-story dd{font-size:16px}.project-category{font-size:12px}.cover-topline{font-size:10px}.cover-terms span{font-size:11px}.author-principle{font-size:20px}.theme-toggle,.motion-toggle{font-size:13px}.example-picker button{min-height:44px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.legal-object{animation:none}}.motion-off .legal-object{animation:none}
.motion-disabled .legal-object{animation:none}
@media(max-width:800px){.work-heading,.work-heading>div{min-width:0;width:100%}.work-heading h2{font-size:clamp(34px,6vw,48px)}}@media(max-width:360px){.sheet-front strong{font-size:28px;margin-top:22px}.floating-sheet>span{font-size:7px;white-space:nowrap}.document-sign{font-size:12px;padding-top:10px;bottom:18px}.object-chip{font-size:9px;left:32%}.hero-statement{font-size:22px}}
.page-legaltech .btn.light{color:var(--ink);border-color:var(--ink)}.legal-hero h1 em{color:#7960ad}[data-theme=dark] .legal-hero h1 em{color:#c4a8ff}.legal-hero .breadcrumb,.legal-hero .eyebrow,.screen-caption,.legal-axis,.legal-hero-screen>p,.legal-scenarios .eyebrow{color:var(--muted)}.screen-caption,.legal-hero-screen>p{font-size:12px}.breadcrumb,.legal-hero .eyebrow{font-size:12px}
/* v6: the selected document hero, with subtle colour shifts and connected forms. */
:root{--accent:#b3abe7;--soft:#e7e6f4;--blue:#d9e9eb}.sheet-front{background:linear-gradient(125deg,#e9e7fb,#b8b0dd)}.sheet-back{background:#adcdd0}.object-chip{background:#343044}.service{position:relative}.service>h3{padding-right:90px}.service>.service-number{grid-column:1;grid-row:1}.service>h3{grid-column:2;grid-row:1}.service>p{grid-column:2;grid-row:2}.service>.text-link{grid-column:2;grid-row:3;justify-self:start;max-width:none}.service>.solution-symbol{position:absolute;top:25px;right:5px;width:75px;height:65px;pointer-events:none}.solution-symbol i{display:block;position:absolute;width:40px;height:40px;background:#b6addc;border-radius:13px;left:0;top:5px;transform:rotate(-18deg)}.solution-symbol i:nth-child(2){background:#9fbfc5;left:23px;top:20px;transform:rotate(20deg);opacity:.85}.solution-symbol i:nth-child(3){width:24px;height:24px;left:45px;top:0;background:#dcc5a7;border-radius:50%}.symbol-02 i{border-radius:5px;transform:rotate(-12deg);height:48px;width:34px}.symbol-02 i:nth-child(3){border-radius:5px}.symbol-03 i{border-radius:50%;background:transparent;border:9px solid #a89bd5}.symbol-03 i:nth-child(2){background:transparent;border-color:#88afb7}.symbol-03 i:nth-child(3){border:0;background:#ddbea0}.symbol-04 i{border-radius:10px;width:50px;height:30px}.symbol-04 i:nth-child(2){transform:rotate(-10deg);top:28px}.symbol-04 i:nth-child(3){width:20px;height:20px;border-radius:6px}.service:hover .solution-symbol i:nth-child(2){transform:rotate(8deg)}.solution-symbol i{transition:transform .6s ease}.motion-disabled .solution-symbol i{transition:none}@media(max-width:500px){.service>h3{padding-right:70px}.service>.solution-symbol{transform:scale(.78);transform-origin:top right;right:0}.service>h3{font-size:26px}}@media(prefers-reduced-motion:reduce){.solution-symbol i{transition:none}}
.solution-symbol{display:none!important}:root[data-theme=dark] .segment:nth-child(2){background:#303441;color:#f5f0fa}:root[data-theme=dark] .segment:nth-child(2) p,:root[data-theme=dark] .segment:nth-child(2) .num,:root[data-theme=dark] .segment:nth-child(2) .text-link{color:#e0dce8}.service>h3{padding-right:0}
/* Readable typography, purposeful interactions, six-page audience structure. */
h1,h2,h3,h4{letter-spacing:-.025em}.mega-title{letter-spacing:-.045em;font-size:clamp(85px,16.7vw,270px)}.hero-e{display:inline!important;margin-right:.035em}.eyebrow{font-family:Arial,sans-serif!important;font-size:15px!important;letter-spacing:.08em!important;line-height:1.45}.hero-aside{font-size:14px}.hero-aside>span:last-child{font-size:12px}.hero-statement{letter-spacing:-.025em}.section-top>p{font-size:18px}.handoff-section .section-top{display:block}.handoff-section .section-top>p{max-width:710px;margin-top:26px}.portfolio-story{font-size:18px;line-height:1.6;margin-top:28px;max-width:440px}.work-heading h2{font-size:clamp(32px,3.2vw,50px)}.footer-word{font-size:clamp(44px,10vw,160px);font-weight:650;line-height:.98;letter-spacing:-.035em;overflow-wrap:anywhere}.form input,.form select,.form textarea,.brief-result textarea{border-radius:18px;padding:16px 19px;font-size:16px}.form label{font-size:15px}.faq summary,.diplomas summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:60px}.faq summary::-webkit-details-marker,.diplomas summary::-webkit-details-marker{display:none}.faq summary::marker,.diplomas summary::marker{content:''}.faq summary:after,.diplomas summary:after{content:''!important;width:13px;height:13px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);flex:0 0 13px;margin-right:10px;transition:transform .25s}.faq details[open]>summary:after,.diplomas[open]>summary:after{transform:rotate(225deg)}.diplomas summary{font-size:20px}.diploma-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.diploma-slots>div{border-radius:20px;padding:20px}.diploma-slots .text-link,.diploma-pending{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.diploma-slots small{font-size:13px}.future-education{grid-column:1/-1}.future-education strong{display:block;font-size:28px;line-height:1.15;margin:18px 0;letter-spacing:-.015em}.future-education p{font-size:16px}.author-symbol{position:relative;overflow:hidden}.author-monogram b{color:#1c1920}.author-monogram span{color:#fff}.author-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;opacity:0;transition:opacity .5s;z-index:2}.author-symbol:hover .author-photo{opacity:1}.author-principle p{color:#241e2d;font-size:18px;line-height:1.45;margin-top:13px}.author-principle b{display:inline-block;width:23px}.nav-footer{width:100%;display:grid;grid-template-columns:1fr 1.6fr;gap:45px;border-top:1px solid var(--line);padding:35px 0;margin-top:40px}.nav-footer>div>a{display:block;font-size:23px;margin:14px 0;letter-spacing:0}.nav-projects{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.nav-projects a{font-size:16px;border:1px solid var(--line);border-radius:24px;padding:10px 17px}.nav-projects a:hover{background:var(--accent);color:#211a2c}.nav .eyebrow{font-size:13px!important}.shoditsya-section{background:var(--soft);border-radius:45px;margin:24px}.shoditsya-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;margin-top:32px}.shoditsya-layout h2{font-size:clamp(32px,3.5vw,55px)}.shoditsya-layout p{font-size:18px;line-height:1.65;margin:25px 0}.shoditsya-art{background:var(--surface);padding:35px;border-radius:30px;display:flex;flex-direction:column;gap:20px}.shoditsya-art strong{font-size:48px;letter-spacing:-.04em}.shoditsya-art span{padding-top:16px;border-top:1px solid var(--line);font-size:16px}.shoditsya-art small{font-size:13px;color:var(--muted)}.upcoming-cases p{font-size:20px;max-width:710px;margin:30px 0}.code-document-art{position:absolute;z-index:-1;width:49%;aspect-ratio:1;right:7%;top:2%;animation:document-float 9s ease-in-out infinite}.code-document-art>img{width:100%;height:auto;display:block}.art-code{position:absolute;left:13%;top:17%;width:35%;color:#eff0ff;transform:rotate(7deg)}.art-code small{font-size:9px;letter-spacing:.06em}.art-code code{display:block;font:clamp(8px,.8vw,13px)/1.9 monospace;margin-top:17px;white-space:nowrap;clip-path:inset(0 100% 0 0);animation:code-write 9s ease infinite}.art-document{position:absolute;left:58%;top:54%;width:28%;transform:rotate(7deg);color:#272231;opacity:0;animation:doc-appear 9s ease infinite}.art-document small{font-size:8px;line-height:1.4;display:block}.art-document strong{display:block;font-size:clamp(12px,1.55vw,24px);line-height:1.1;margin:14px 0}.art-document p{font-size:clamp(8px,.85vw,13px);line-height:1.8;color:#48414d;margin-bottom:14px}.art-caption{position:absolute;left:5%;bottom:2%;font-size:12px;color:var(--muted)}@keyframes code-write{0%,10%{clip-path:inset(0 100% 0 0)}40%,90%{clip-path:inset(0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes doc-appear{0%,35%{opacity:0;transform:translateY(-10px) rotate(7deg)}55%,90%{opacity:1;transform:translateY(0) rotate(7deg)}100%{opacity:0}}.motion-disabled .code-document-art{animation:none}.motion-disabled .art-code code{animation:none;clip-path:none}.motion-disabled .art-document{animation:none;opacity:1}
@media(min-width:801px){#directions .grid3{grid-template-columns:repeat(3,1fr)}#directions .segment:last-child{grid-column:1/-1;min-height:0;padding:35px;display:grid;grid-template-columns:100px 1fr 2fr;gap:20px;align-items:center}#directions .segment:last-child h3{margin:0}#directions .segment:last-child .text-link{grid-column:3}#directions .segment:last-child p{max-width:650px}}
@media(max-width:1150px){.code-document-art{width:57%;right:1%;top:14%}.shoditsya-layout{gap:30px}.diploma-slots{grid-template-columns:1fr}.nav-footer{gap:25px}}
@media(max-width:800px){.header-in{min-height:90px;height:90px}.header-actions{position:static;inset:auto;gap:8px}.theme-toggle{position:static;width:auto;min-height:44px}.header-in{align-items:center;padding-top:0}.brand{font-size:22px}.brand small{font-size:8px}.mark{width:44px;height:44px;font-size:16px}.theme-toggle{font-size:12px;padding:12px 8px}.code-document-art{width:85%;right:2%;top:27%}.hero-v2{height:750px}.eyebrow{font-size:13px!important}.hero-statement{font-size:25px}.nav-footer{grid-template-columns:1fr}.shoditsya-layout{grid-template-columns:1fr}.shoditsya-section{margin:15px 10px}.shoditsya-section .wrap{width:calc(100% - 40px)}.art-code small{font-size:8px}.art-code code{font-size:10px;margin-top:12px}.art-document strong{font-size:19px;margin:10px 0}.art-document p{font-size:10px}.art-document small{font-size:7px}.art-caption{font-size:11px}.footer-word{font-size:11.5vw}.section-top>p{font-size:17px}.work-heading h2{font-size:36px}}
@media(max-width:500px){.header-in{height:130px;align-items:flex-start;padding-top:15px}.header-actions{position:absolute;inset:15px 0 auto}.theme-toggle{position:absolute;top:57px;left:0;width:100%;font-size:14px}.code-document-art{width:100%;right:0;top:31%}.hero-v2{height:750px}.mega-title{font-size:17vw;letter-spacing:-.035em}.art-code code{font-size:8px;margin-top:8px}.art-code small{font-size:6px}.art-document strong{font-size:14px;margin:8px 0}.art-document p{font-size:8px;margin-bottom:7px}.art-document small{font-size:6px}.art-caption{left:6%;font-size:10px}.hero-statement{font-size:22px}.shoditsya-art{padding:25px}.shoditsya-art strong{font-size:38px}.diploma-slots{grid-template-columns:1fr}.nav-footer>div>a{font-size:20px}.author-principle p{font-size:17px}.faq summary{font-size:21px;letter-spacing:-.005em}.form input,.form select,.form textarea{font-size:16px}.footer-word{font-size:12vw}}
@media(prefers-reduced-motion:reduce){.code-document-art,.art-code code,.art-document{animation:none}.art-code code{clip-path:none}.art-document{opacity:1}.author-photo{transition:none}}
.fullstack-section{background:var(--soft);border-radius:45px;margin:24px}.fullstack-intro{font-size:21px;max-width:850px;line-height:1.6;margin:30px 0 45px}.fullstack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.fullstack-grid article{border-top:1px solid var(--line);padding-top:22px}.fullstack-grid span{font-size:13px;color:var(--muted)}.fullstack-grid h3{font-size:30px;margin:25px 0}.fullstack-grid p{font-size:17px;line-height:1.65}.fullstack-grid strong{display:block;font-size:17px;line-height:1.5;margin-top:25px}@media(max-width:800px){.fullstack-grid{grid-template-columns:1fr}.fullstack-section{margin:15px 10px}.fullstack-section .wrap{width:calc(100% - 40px)}.fullstack-intro{font-size:18px}}
.work-layout{grid-template-columns:minmax(0,.58fr) minmax(0,1fr)}
.work-heading,.story-projects,.work-heading>div{min-width:0}
.work-heading{top:35px;gap:24px}
.story-counter{display:block;font-size:12px;letter-spacing:.08em;line-height:1.5;margin:28px 0 18px;color:var(--muted)}
.work-heading .story-title{font-size:clamp(30px,3.2vw,50px);overflow-wrap:anywhere}
.work-heading .portfolio-story{max-width:100%;font-size:18px;line-height:1.55}
.story-projects .projects{grid-template-columns:minmax(0,1fr)}
.story-next{padding:65px 0 35px;margin-top:55px;border-top:1px solid var(--line)}
.story-next h2{font-size:clamp(35px,4vw,60px);margin:25px 0}
.story-next p{font-size:18px;line-height:1.6;margin-bottom:30px}
@media(max-width:800px){.work-layout{display:block}.work-heading{position:static}.work-heading .story-title{font-size:34px}.story-projects{width:100%}.story-projects .project-cover{padding:25px}.story-projects .cover-topline{gap:12px}.story-projects .project-cover>strong{overflow-wrap:anywhere}.story-counter{margin-top:22px}}
.brand .mark{font-size:21px;letter-spacing:-.035em}.brand-descriptor{font-size:10px;line-height:1.45;letter-spacing:.1em;font-weight:500}.footer-contact .nav-footer{margin-top:15px}.footer-requisites{font-size:14px;line-height:1.8;padding-bottom:28px;overflow-wrap:anywhere}.diploma-pending{text-decoration:underline;text-underline-offset:5px}
@media(hover:hover){.nav-projects a,.btn{transition:transform .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease}.nav-projects a:hover{transform:translateY(-3px);background:var(--soft)}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000012}.project-cover{transition:transform .65s ease}.project:hover .project-cover{transform:scale(1.025)}}
.status-dot{animation:status-breathe 3.2s ease-in-out infinite}@keyframes status-breathe{50%{opacity:.45;box-shadow:0 0 0 7px #a896d520}}
@media(max-width:800px){.footer-contact .nav-footer{grid-template-columns:1fr;gap:30px}.footer-contact .nav-footer>div>a{font-size:20px}}
@media(prefers-reduced-motion:reduce){.status-dot{animation:none}.project-cover,.nav-projects a,.btn{transition:none!important;transform:none!important}}
/* The screen and its contents scale together at every viewport width. */
.solution-art{position:absolute;width:46%;right:6%;top:19%;z-index:-1;perspective:1000px;container-type:inline-size}
.solution-screen{position:relative;aspect-ratio:1.38;background:#201e2b;border:7px solid #4b465c;border-radius:28px;box-shadow:12px 15px 0 #9e95b1,25px 35px 60px #44365b25;transform:rotate(-6deg) rotateY(-9deg);overflow:hidden;color:#f5f2ff}
.screen-chrome{height:14%;display:flex;align-items:center;gap:6px;padding:0 6%;border-bottom:1px solid #ffffff20}.screen-chrome i{height:5px;width:5px;border-radius:50%;background:#baafdc}.screen-chrome span{margin-left:auto;font-size:2.2cqw;letter-spacing:.12em}
.solution-scene{position:absolute;inset:14% 0 0;opacity:0;animation:solution-scene 24s infinite both}.scene-1{animation-delay:8s}.scene-2{animation-delay:16s}
.screen-code,.screen-result{position:absolute;inset:0;padding:7%;display:flex;flex-direction:column;justify-content:center}.screen-code{animation:code-phase 8s infinite}.screen-code small{font-size:2.4cqw;letter-spacing:.1em;color:#bba7e8;margin-bottom:8%}.screen-code code{font-size:3cqw;line-height:2;color:#d8c6ff;white-space:nowrap;animation:code-type 8s infinite;clip-path:inset(0 100% 0 0)}.screen-result{animation:result-phase 8s infinite;background:#eeeaf5;color:#211c2e}.screen-result small{font-size:2.4cqw;letter-spacing:.08em}.screen-result h3{font-size:5.5cqw;line-height:1.12;margin:4% 0 6%}.screen-result p{font-size:3cqw;color:inherit;line-height:1.5;margin:3% 0}.screen-result span{font-size:2.4cqw}.result-document>span{display:block;border-top:1px solid #b9afc9;padding-top:4%;margin-top:5%}.chat-question,.chat-answer{padding:5%;border-radius:13px}.chat-question{background:#d6cbea;margin-left:15%!important}.chat-answer{background:#fff;margin-right:10%!important}.result-dashboard p{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c8bfd5;padding:5% 0;margin:0}.result-dashboard b{font-size:2.4cqw;font-weight:500;background:#d5cbeb;padding:3% 4%;border-radius:20px}
.solution-captions{position:relative;margin-top:12%;text-align:center;height:24px;font-size:2.8cqw;color:var(--muted)}.solution-captions span{position:absolute;inset:0;opacity:0;animation:solution-scene 24s infinite both}.solution-captions span:nth-child(2){animation-delay:8s}.solution-captions span:nth-child(3){animation-delay:16s}
@keyframes solution-scene{0%,31%{opacity:1}33.333%,100%{opacity:0}}@keyframes code-phase{0%,38%{opacity:1;transform:translateY(0)}48%,100%{opacity:0;transform:translateY(-12px)}}@keyframes code-type{0%{clip-path:inset(0 100% 0 0)}35%,100%{clip-path:inset(0 0 0 0)}}@keyframes result-phase{0%,43%{opacity:0;transform:translateY(18px)}55%,94%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
.form label{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;line-height:1.5}.form input,.form textarea,.form select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.form label.full{display:block}
@media(max-width:1100px){.solution-art{width:51%;right:4%;top:26%}}
@media(max-width:800px){.solution-art{width:76%;right:10%;top:39%}.solution-screen{border-width:5px;border-radius:22px}.form{grid-template-columns:1fr}.form label{grid-column:1/-1}}
@media(max-width:500px){.solution-art{width:87%;right:7%;top:40%}.solution-screen{border-width:4px;border-radius:18px;box-shadow:7px 9px 0 #9e95b1,15px 23px 35px #44365b25}}
@media(prefers-reduced-motion:reduce){.solution-scene,.solution-captions span{animation:none;opacity:0}.scene-0,.solution-captions span:first-child{opacity:1}.screen-code{display:none}.screen-result{animation:none;opacity:1;transform:none}}
.hero-phase{position:absolute;inset:14% 0 0;opacity:0;animation:hero-chapter 18s linear infinite both;pointer-events:none}.hero-code{padding:7%;background:#211e2d}.hero-code>small{color:#bfabeb;font-size:2.4cqw;letter-spacing:.08em}.hero-code pre{margin:6% 0 0;font-size:2.8cqw;line-height:1.8;color:#e2d5fc;white-space:pre;animation:hero-typing 18s steps(45,end) infinite;clip-path:inset(0 100% 0 0)}.hero-document{animation-delay:6s;padding:4% 16%;background:#d9d2e5}.document-page{height:100%;background:#fff;color:#25202e;padding:9%;box-shadow:0 4px 12px #30204018}.document-page>small{font-size:1.9cqw;letter-spacing:.09em}.document-page h3{font-size:4.5cqw;letter-spacing:-.02em;margin:8% 0}.document-page p{font-size:2.4cqw;color:#37313e;line-height:1.6}.document-rule{height:2px;background:#dad6df;margin-top:5%;width:100%}.document-rule.short{width:70%}.document-signature{border-top:1px solid #c9c3d2;margin-top:9%;padding-top:5%;display:flex;justify-content:space-between;font-size:1.8cqw}.hero-product{animation-delay:12s;background:#faf9f6;display:flex;flex-direction:column}.hero-product img{display:block;width:100%;height:calc(100% - 22px);object-fit:contain;min-height:0}.hero-product>span{height:22px;text-align:center;color:#272331;font-size:2.2cqw;padding-top:4px}.solution-caption-static{text-align:center;font-size:2.7cqw;margin-top:10%;color:var(--muted)}.hero-product-link{display:block;text-align:center;font-size:2.7cqw;margin-top:8px;text-decoration:underline;text-underline-offset:4px}.solution-art{z-index:1}.hero-top,.hero-bottom,.mega-title{position:relative;z-index:2}.mega-title{pointer-events:none}
@keyframes hero-chapter{0%,30%{opacity:1}33.333%,100%{opacity:0}}@keyframes hero-typing{0%{clip-path:inset(0 100% 0 0)}22%,100%{clip-path:inset(0 0 0 0)}}
#directions .grid3{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}#directions .segment,#directions .segment:first-child,#directions .segment:last-child{grid-column:auto;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:35px;min-height:330px}#directions .segment h3,#directions .segment:last-child h3{font-size:clamp(28px,3vw,42px);margin:30px 0 20px}#directions .segment p,#directions .segment:last-child p{font-size:18px;max-width:none}#directions .segment .text-link,#directions .segment:last-child .text-link{margin-top:auto;padding-top:30px;grid-column:auto}#directions .segment:after{content:none}#directions .segment.dark{background:var(--soft);color:var(--ink)}#directions .segment.dark p{color:var(--muted)}
@media(max-width:600px){#directions .grid3{grid-template-columns:1fr}#directions .segment,#directions .segment:first-child,#directions .segment:last-child{min-height:280px;padding:28px}#directions .segment h3,#directions .segment:last-child h3{font-size:32px}.hero-product-link{font-size:12px}.solution-caption-static{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-phase{animation:none;opacity:0}.hero-product{opacity:1}.hero-code pre{animation:none;clip-path:none}}
.mega-title .hero-e{margin-left:0!important}
@media(max-width:500px){.mega-title{font-size:15.7vw;letter-spacing:-.035em}.solution-art{top:33%}.hero-v2{height:760px}}
@media(min-width:1101px){.solution-art{width:40%;right:9%;top:14%}.solution-caption-static{margin-top:8%}}
@media(min-width:801px) and (max-width:1100px){.solution-art{width:44%;right:6%;top:24%}.solution-caption-static{margin-top:8%}}
@media(min-width:1101px){.solution-art{top:9%}}
/* Delayed scenes stay hidden until their turn; no backwards fill. */
.hero-phase{animation:hero-chapter 18s linear infinite;animation-fill-mode:none;overflow:hidden;isolation:isolate}
.hero-document{animation-delay:6s}.hero-product{animation-delay:12s;padding:0;display:block}
.hero-product img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;border:0;max-width:none}
.solution-screen{transform:rotate(-4deg);border-radius:24px;box-shadow:7px 10px 0 #9e95b1,18px 25px 45px #44365b20}
.hero-code pre{animation:hero-typing 18s steps(7,end) infinite}
@keyframes hero-chapter{0%,30%{opacity:1}35%,100%{opacity:0}}
@keyframes hero-typing{0%{clip-path:inset(0 0 100% 0)}24%,100%{clip-path:inset(0 0 0 0)}}
#directions .segment.dark,#directions .segment:last-child{background:#1e1c24;color:#f9f7ff;border-color:#38343f;box-shadow:0 12px 35px #1c152818}
#directions .segment.dark p,#directions .segment:last-child p{color:#ddd6e9}
#directions .segment.dark .num,#directions .segment.dark .num span,#directions .segment.dark .text-link{color:#e0d4fb}
@media(hover:hover){#directions .segment.dark:hover{box-shadow:0 12px 42px #9079bd55;background:#292330}}
@media(prefers-reduced-motion:reduce){.hero-phase{animation:none;opacity:0}.hero-product{opacity:1}.hero-code pre{animation:none;clip-path:none}}
.brand .mark,.page-legaltech .brand .mark{width:auto;height:auto;min-width:0;border-radius:0;background:none;color:var(--ink);font-size:48px;line-height:1;font-weight:800;letter-spacing:-.065em;box-shadow:none}.brand{gap:17px}.brand-descriptor{font-size:11px;line-height:1.5}.hero-statement{font-size:clamp(36px,3.8vw,60px);line-height:1.12;letter-spacing:-.03em;max-width:720px}.hero-aside{position:absolute;right:0;top:-22px}
@media(max-width:1100px){.hero-statement{font-size:clamp(34px,4.2vw,46px)}}
@media(max-width:800px){.brand .mark,.page-legaltech .brand .mark{font-size:43px}.brand-descriptor{font-size:9px}.hero-statement{font-size:clamp(28px,5.4vw,40px);line-height:1.15}.hero-aside{display:none}}
@media(max-width:380px){.hero-statement{font-size:26px}.brand .mark,.page-legaltech .brand .mark{font-size:39px}}
.brand{align-items:center}.brand-descriptor{font-size:14px;line-height:1.45;letter-spacing:.07em}
@media(max-width:800px){.brand-descriptor{font-size:12.5px;line-height:1.45}}
@media(max-width:380px){.brand-descriptor{font-size:11.5px}}
.brand .mark-joined{display:inline-flex;align-items:baseline;gap:.055em;letter-spacing:0}
.brand .mark-joined>span{position:static;display:block;color:inherit;font-size:inherit;line-height:inherit;padding:0}
.brand .mark-joined .mark-ml{letter-spacing:-.16em;padding-right:.16em}
.brand .mark-joined .mark-d{letter-spacing:0;margin-left:.025em}
/* A quieter, open letterform for the main phrase. */
.mega-title{font-family:"Segoe UI",Arial,sans-serif;font-weight:600;font-size:clamp(85px,15.8vw,250px);letter-spacing:-.055em;line-height:.95;word-spacing:0}
.mega-title>span{margin-left:.02em}.mega-title .hero-e{margin-right:.025em}
@media(max-width:800px){.mega-title{font-size:15.3vw;letter-spacing:-.045em}}
@media(max-width:500px){.mega-title{font-size:14.7vw;letter-spacing:-.04em}}
.brand .mark-monolith{width:91px;height:56px;display:block}.mark-monolith svg{width:100%;height:100%;display:block;overflow:visible}
.hero-document.real-document{padding:0;background:#fff}.real-document>img{display:block;width:100%;height:auto;max-width:none;transform:translateY(0);animation:document-pan 18s linear infinite;animation-delay:6s}
.document-example-link{display:block;text-align:center;font-size:2.5cqw;text-decoration:underline;text-underline-offset:4px;margin-top:6px}.hero-product-link{font-size:2.5cqw;margin-top:5px}.solution-caption-static{margin-top:6%}
@keyframes document-pan{0%,5%{transform:translateY(0)}28%,100%{transform:translateY(-22%)}}
@media(max-width:800px){.brand .mark-monolith{width:78px;height:48px}}
@media(max-width:380px){.brand .mark-monolith{width:72px;height:44px}}
@media(prefers-reduced-motion:reduce){.real-document>img{animation:none}}
:root{--code-font:Consolas,"Cascadia Code","Liberation Mono",monospace}
.hero-statement{font-family:var(--code-font);font-size:clamp(32px,3.2vw,50px);font-weight:400;letter-spacing:-.055em;line-height:1.2}
.mega-title{font-family:var(--code-font);font-weight:600;font-size:14.5vw;letter-spacing:-.075em;line-height:1;word-spacing:-.13em}
#directions .segment h3,#directions .segment:last-child h3,.page-legaltech .legal-hero h1,.page-large-business .subhero h1,.story-counter,.fullstack-grid article>span{font-family:var(--code-font)}
#directions .segment h3,#directions .segment:last-child h3{font-size:clamp(26px,2.8vw,40px);letter-spacing:-.055em}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;padding:11px;border-radius:50%;font-size:0;flex:0 0 48px}.theme-toggle svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:800px){.hero-statement{font-size:clamp(24px,4.8vw,35px)}.mega-title{font-size:14.5vw;letter-spacing:-.075em}.theme-toggle{position:static;width:46px;height:46px;min-height:46px;padding:10px;flex-basis:46px}.header-in{height:115px}.hero-v2{padding-top:18px}}
@media(max-width:380px){.hero-statement{font-size:23px}.brand{gap:10px}.brand-descriptor{letter-spacing:.025em}}
.brand .mark-readable{display:inline-flex;align-items:baseline;width:auto;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:48px;font-weight:800;letter-spacing:0;line-height:1;gap:0}
.brand .mark-readable>span{position:static;font:inherit;color:inherit;display:block;line-height:1}
.brand .mark-readable .logo-l{margin-left:-.055em;transform:translateY(.025em)}
.brand .mark-readable .logo-d{margin-left:.025em}
@media(max-width:800px){.brand .mark-readable{font-size:43px}}
@media(max-width:380px){.brand .mark-readable{font-size:39px}}
.brand .mark-readable .logo-l{transform:none;margin-left:-.08em;position:relative}
.brand .mark-readable .logo-l:before{content:"";position:absolute;left:-.04em;bottom:.13em;width:.12em;height:.085em;background:currentColor;border-radius:0 .04em .025em 0}
.brand .mark-readable .logo-d{margin-left:.005em;font-family:Arial,Helvetica,sans-serif}
.brand .mark-readable .logo-l{top:auto;right:auto;bottom:auto;left:auto;transform:none}
.brand .mark-rounded,.page-legaltech .brand .mark-rounded{display:block;width:102px;height:50px;background:none;color:var(--ink)}
.mark-rounded svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:800px){.brand .mark-rounded,.page-legaltech .brand .mark-rounded{width:90px;height:44px}}
@media(max-width:380px){.brand .mark-rounded,.page-legaltech .brand .mark-rounded{width:82px;height:40px}}
.brand .mark-soft-type,.page-legaltech .brand .mark-soft-type{display:block;width:116px;height:54px;background:none;color:var(--ink)}
.mark-soft-type svg{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:800px){.brand .mark-soft-type,.page-legaltech .brand .mark-soft-type{width:104px;height:48px}}
@media(max-width:380px){.brand .mark-soft-type,.page-legaltech .brand .mark-soft-type{width:94px;height:44px}}
.hero-code-background{position:absolute;inset:4% -2% 13%;z-index:0;overflow:hidden;pointer-events:none;user-select:none;opacity:.085;filter:blur(.7px);mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent)}
.code-stream{position:absolute;top:0;width:28%;height:100%;overflow:hidden;color:var(--ink);transform:rotate(-7deg)}
.code-stream pre{margin:0;font:14px/2.35 var(--code-font);letter-spacing:.06em;animation:background-code-drift 30s linear infinite;white-space:pre}
.stream-0{left:0;top:16%}.stream-1{left:28%;top:-15%}.stream-2{left:54%;top:4%}.stream-3{left:80%;top:-22%}
.stream-1 pre{animation-duration:38s;animation-delay:-16s}.stream-2 pre{animation-duration:33s;animation-delay:-8s}.stream-3 pre{animation-duration:41s;animation-delay:-25s}
@keyframes background-code-drift{from{transform:translateY(0)}to{transform:translateY(-50%)}}
[data-theme=dark] .hero-code-background{opacity:.065}
@media(max-width:800px){.hero-code-background{inset:8% 0 15%;opacity:.06}.code-stream{width:52%}.stream-1{left:50%}.stream-2,.stream-3{display:none}.code-stream pre{font-size:12px}}
@media(prefers-reduced-motion:reduce){.code-stream pre{animation:none}}
/* Two distinct builds: document generation, then an AI service. */
.hero-phase{animation-duration:24s;animation-name:hero-four-stages}
.hero-document{animation-delay:6s}.hero-ai-code{animation-delay:12s}.hero-product{animation-delay:18s}
.hero-code pre{animation-duration:24s;animation-name:hero-four-typing}.hero-ai-code pre{animation-delay:12s}
.real-document>img{animation-duration:24s;animation-name:document-four-pan}
@keyframes hero-four-stages{0%,22%{opacity:1}26%,100%{opacity:0}}
@keyframes hero-four-typing{0%{clip-path:inset(0 0 100% 0)}18%,100%{clip-path:inset(0 0 0 0)}}
@keyframes document-four-pan{0%,3%{transform:translateY(0)}22%,100%{transform:translateY(-22%)}}
.solution-caption-static{font-size:16px;line-height:1.45;margin-top:5%}.document-example-link,.hero-product-link{font-size:16px;line-height:1.5;margin-top:7px}
[data-theme=dark] .hero-code-background{opacity:.15;color:#d3c7ee}
.section-top:not(.work-heading){display:block}.section-top:not(.work-heading)>p{margin:26px 0 0;max-width:740px;font-size:20px;line-height:1.6;text-align:left}
.segment .num,.segment .num>span{font-size:15px!important;line-height:1.5;letter-spacing:.035em}.segment .num{color:var(--muted)}
.example-bottom p,.examples-section .note{font-size:16px;line-height:1.65;color:var(--ink)}
.example-bottom button,.example-bottom .btn,[data-use-example]{font-size:17px!important;line-height:1.45;min-height:50px;padding:14px 20px}
.example-picker button{font-size:16px;min-height:48px}.example-columns small{font-size:14px;line-height:1.5;letter-spacing:.04em}.example-columns p{font-size:18px;line-height:1.65}
.service-number{font-size:28px;display:inline-block;transform-origin:center;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.service>h3,.service>p,.service>.text-link{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.service>.text-link{font-size:17px}
.service:hover{background:transparent}
@media(hover:hover){.service:hover .service-number,.service:focus-within .service-number{transform:translateY(-5px) rotate(-7deg) scale(1.12)}.service:hover>h3,.service:focus-within>h3{transform:translateX(12px)}.service:hover>p,.service:focus-within>p{transform:translateX(8px)}.service:hover>.text-link,.service:focus-within>.text-link{transform:translateX(12px)}}
@media(max-width:800px){.section-top:not(.work-heading)>p{font-size:18px;margin-top:22px}.solution-caption-static,.document-example-link,.hero-product-link{font-size:14px}.example-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.example-bottom p{font-size:16px}.example-columns p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hero-phase,.hero-code pre,.real-document>img{animation:none}.hero-phase{opacity:0}.hero-product{opacity:1}.service-number,.service>h3,.service>p,.service>.text-link{transition:none!important;transform:none!important}}
@media(min-width:501px) and (max-width:800px){.solution-art{width:52%;right:12%;top:24%}}
.solution-caption-static{margin-top:8%}
[data-theme=dark] .hero-code-background{opacity:.25;filter:blur(.35px)}
[data-theme=dark] .hero-code-background .code-stream{color:#d8c9ff}
@media(min-width:1101px){.hero-statement{font-size:clamp(38px,3.55vw,56px);margin-left:3%;padding-top:30px}}
@media(min-width:801px) and (max-width:1100px){.hero-statement{font-size:3.7vw;margin-left:2%;padding-top:28px}}
@media(max-width:800px){.hero-statement{font-size:clamp(25px,5.1vw,38px);padding-top:12px;margin-left:1%}}
@media(max-width:380px){.hero-statement{font-size:24px}}
.custom-field[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.pointer-responsive>h3,.pointer-responsive>p,.pointer-responsive>strong,.pointer-responsive>.service-number,.pointer-responsive>.num,.pointer-responsive>.text-link{translate:var(--pointer-x,0px) var(--pointer-y,0px);transition:translate .28s ease-out,transform .45s ease-out}}
@media(prefers-reduced-motion:reduce){.pointer-responsive>*{translate:none!important}}
.motion-copy{display:inline-block}
@media(hover:hover) and (pointer:fine){.text-responsive{translate:var(--text-x,0px) var(--text-y,0px);transition:translate .3s ease-out}}
@media(prefers-reduced-motion:reduce){.text-responsive{translate:none!important;transition:none!important}}
@media(hover:hover) and (pointer:fine){.text-responsive{transition:translate .3s ease-out,scale .3s ease-out}.text-responsive:is(button,summary,.segment,.project-cover,.author-symbol,.fullstack-grid article,.step,.service,.mark,.scroll-cue):hover{scale:1.012}.text-responsive:is(.num,.service-number,.proof-number,.case-index,.status-dot,.dot):hover{scale:1.08}.text-responsive:is(a.segment,.brand){display:flex}}
@media(prefers-reduced-motion:reduce){.text-responsive{scale:none!important}}
@media(hover:hover) and (pointer:fine){.text-responsive:is(article,.solution-art,.example-columns,.lab-panel,.legal-hero-screen,.outcome,.shoditsya-art,.story-next):hover{scale:1.012}}
.hero-bottom>.btn.orange{background:#19181d;color:#fff;border-color:#19181d}
[data-theme=dark] .hero-bottom>.btn.orange{background:#f7f5fa;color:#19181d;border-color:#f7f5fa}
.hero-bottom>span{font-family:var(--code-font);font-size:15px;line-height:1.5;letter-spacing:.025em;color:var(--ink);font-weight:600}
@media(max-width:800px){.hero-bottom>span{font-size:13px;line-height:1.5;max-width:160px}}
.scroll-cue{display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;line-height:1;font-size:0;flex-shrink:0}
.scroll-cue svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.nav>.theme-toggle{position:fixed;top:32px;right:max(138px,calc((100vw - 1440px)/2 + 82px));left:auto;width:48px;height:48px;z-index:2;margin:0}
@media(max-width:1150px) and (min-width:801px){.nav>.theme-toggle{right:118px}}
@media(max-width:800px){.nav>.theme-toggle{top:23px;right:85px;width:48px;height:48px}}
@media(max-width:800px){
 .header-cta{display:none!important}
 .header-actions{width:auto;left:auto;right:0;gap:0}
 .nav.open{position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:105px 24px 35px;align-items:stretch;gap:18px}
 .nav>a:not(.btn){font-size:clamp(25px,7.6vw,34px);line-height:1.2;max-width:100%;overflow-wrap:anywhere;flex-shrink:0}
 .nav>a.btn{align-self:flex-start;flex-shrink:0;margin-top:14px}
 .nav .nav-footer{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:22px;padding-top:28px;flex-shrink:0}
 .nav .nav-footer>div>a{font-size:19px;overflow-wrap:anywhere;letter-spacing:0}
 .nav .nav-projects a{font-size:15px;line-height:1.4}
 .nav>.theme-toggle{position:fixed;top:23px;right:85px;flex-shrink:0}
 .nav .text-responsive{translate:none!important;scale:none!important}
}
/* Dialog controls stay still and retain native keyboard interaction. */
body.brief-is-open{overflow:hidden}
.brief-dialog{width:min(1080px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);border-radius:30px;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.brief-dialog::backdrop{background:#17131eb0;backdrop-filter:blur(7px)}
.dialog-toolbar{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;padding:12px 16px;background:var(--paper);border-bottom:1px solid var(--line)}
.dialog-close{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);padding:11px}
.dialog-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.brief-dialog .brief{margin:0;padding:35px 0 45px;border-radius:0;background:var(--paper)}
.brief-dialog .wrap{width:calc(100% - 64px)}
.brief-dialog .brief-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:40px}
.brief-dialog h2{font-size:clamp(35px,4vw,52px)}
.brief-dialog .form{grid-template-columns:repeat(2,minmax(0,1fr))}
.brief-dialog .form label.full{grid-column:1/-1}
.brief-dialog .brief-intro p{font-size:17px;line-height:1.65;margin-top:24px}
.brief-dialog .text-responsive{translate:none!important;scale:none!important}
.brief-invitation>.wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.brief-invitation p{max-width:700px;font-size:20px;margin-top:25px}.brief-invitation h2{margin-top:24px}.brief-invitation .btn{flex-shrink:0;background:var(--ink);color:var(--paper)}
.step-detail summary{display:flex;align-items:center;justify-content:space-between;gap:18px;translate:none!important;scale:none!important;transform:none!important}
.step-detail summary span{display:block;min-width:0;translate:none!important;scale:none!important;transform:none!important}
.step-detail summary span:last-child{flex:0 0 22px;width:22px;text-align:center}
.step-detail[open] summary span:last-child{transform:rotate(45deg)!important}
@media(max-width:800px){.brief-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:22px}.brief-dialog .wrap{width:calc(100% - 36px)}.brief-dialog .brief-grid{grid-template-columns:minmax(0,1fr);gap:28px}.brief-dialog .brief{padding-top:20px}.brief-dialog .brief-intro .note{font-size:15px}.brief-dialog .form{grid-template-columns:1fr}.brief-invitation>.wrap{display:block}.brief-invitation .btn{margin-top:30px}.brief-invitation p{font-size:18px}}
.segment-workflow{background:var(--soft);border-radius:35px;margin:20px}
.segment-workflow h2{max-width:1000px;margin:24px 0}.workflow-intro{max-width:860px;font-size:20px;line-height:1.65}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:40px 0}.workflow-grid article{border-top:1px solid var(--line);padding-top:22px}.workflow-grid article>span{font:22px var(--code-font)}.workflow-grid h3{font-size:30px;line-height:1.2;margin-top:20px}.workflow-result{max-width:900px;font-size:19px;line-height:1.6}.segment-workflow .note{font-size:15px;margin-top:18px}
@media(max-width:800px){.segment-workflow{margin:12px}.segment-workflow .wrap{width:calc(100% - 36px)}.workflow-grid{grid-template-columns:1fr;gap:28px}.workflow-intro,.workflow-result{font-size:18px}.workflow-grid h3{font-size:27px}}
/* Pair foreground and background explicitly; inherited colors were mismatched. */
[data-theme=dark] .marquee{background:#bda8ed;color:#20172c}
[data-theme=dark] .marquee-track,[data-theme=dark] .marquee-track span{color:#20172c}
[data-theme=dark] #directions .segment:nth-child(3){background:#263644;color:#f5f0fa;border-color:#536273}
[data-theme=dark] #directions .segment:nth-child(3) :is(h3,p,.num,.num span,.text-link){color:#f5f0fa}


@media(hover:hover) and (pointer:fine){.text-responsive:is(.process-section,.shoditsya-section,.fullstack-section,.examples-section,.segment-workflow,.legal-cases,.legal-lab):hover{scale:1.004}}
[data-theme=dark] .marquee{background:transparent;color:#f5f0fa}
[data-theme=dark] .marquee-track,[data-theme=dark] .marquee-track span{color:#f5f0fa}
[data-theme=dark] #directions .segment:nth-child(3){background:#dce8ee;color:#19181e;border-color:var(--line)}
[data-theme=dark] #directions .segment:nth-child(3) :is(h3,p,.num,.num span,.text-link){color:#19181e}
[data-theme=dark] .scenario .segment:nth-child(3) :is(h3,p,.num,.text-link){color:#19181e}

/* Desktop hero: align the live screen with the copy, with a quiet frame.
   Keep the accepted mobile composition below 801px. */
@media (min-width:801px){
  .hero-v2 .solution-art{width:40%;max-width:520px;right:0;top:72px;perspective:none}
  .hero-v2 .solution-screen{transform:none;border:1px solid #393442;border-radius:20px;box-shadow:0 2px 6px #20162d0a,0 20px 50px #20162d12}
  .hero-v2 .screen-chrome{height:40px;padding:0 5%;border-bottom-color:#ffffff12}
  .hero-v2 .screen-chrome span{font-size:clamp(8px,.8vw,11px);letter-spacing:.08em;color:#b9b3c7}
  .hero-v2 .screen-chrome i{width:4px;height:4px;background:#827a92}
  .hero-v2 .hero-phase{inset:40px 0 0}
  [data-theme=dark] .hero-v2 .solution-screen{border-color:#cbb8ed30;box-shadow:0 2px 6px #00000010,0 20px 50px #00000026}
}

/* One story in the hero: build an AI service, then show the real product. */
.hero-v2 .hero-phase{animation:hero-service-cycle 16s linear infinite;animation-fill-mode:none}
.hero-v2 .hero-ai-code{animation-delay:0s}
.hero-v2 .hero-product{animation-name:hero-service-preview;animation-delay:0s;background:#050507}
.hero-v2 .hero-code pre{animation:hero-service-typing 16s steps(7,end) infinite;animation-delay:0s}
.hero-v2 .hero-product img{object-fit:contain;object-position:center}
@keyframes hero-service-cycle{0%,44%,100%{opacity:1}50%,94%{opacity:0}}
@keyframes hero-service-preview{0%,44%,100%{opacity:0}50%,94%{opacity:1}}
@keyframes hero-service-typing{0%{clip-path:inset(0 0 100% 0)}35%,100%{clip-path:inset(0)}}
.hero-intro{position:absolute;top:calc(100% + 18px);left:3%;max-width:min(520px,48%);font-size:19px;line-height:1.5;color:var(--muted);letter-spacing:0}
.examples-section #example-heading{max-width:1000px;min-height:2.2em;font-size:clamp(36px,4.3vw,64px);line-height:1.1;text-wrap:balance}
.examples-section #example-intro{min-height:4.8em;max-width:850px}
.example-columns h3{font-size:clamp(25px,2.25vw,34px);line-height:1.15;letter-spacing:-.02em}
.examples-section .example-bottom{align-items:center;gap:30px}
.example-bottom .btn{flex-shrink:0}
@media(max-width:1100px) and (min-width:801px){.hero-intro{left:2%;font-size:17px;max-width:49%}}
@media(max-width:800px){.hero-intro{left:1%;max-width:min(470px,99%);font-size:16px;line-height:1.4;top:calc(100% + 16px)}.examples-section #example-heading{min-height:3.3em;font-size:clamp(32px,6vw,44px)}.examples-section #example-intro{min-height:6.4em}.example-bottom .btn{width:100%;white-space:normal}.examples-section .example-bottom{align-items:stretch}}
@media(min-width:501px) and (max-width:800px){.hero-intro{max-width:92%;font-size:16px;top:calc(100% + 10px)}.hero-v2 .solution-art{top:36%}}
@media(prefers-reduced-motion:reduce){.hero-v2 .hero-phase,.hero-v2 .hero-code pre{animation:none}.hero-v2 .hero-phase{opacity:0}.hero-v2 .hero-product{opacity:1}}
/* Author card: the photo is visible, and the letters of МЛД carry their meaning.
   Same lavender surface, radius and code-font labels as the rest of the site. */
.author .author-card{position:relative;display:flex;flex-direction:column;gap:24px;background:#d4c4f5;color:#211d28;border-radius:var(--radius);padding:35px;overflow:hidden;transition:scale .3s}
.author .author-card-label{font:11px/1.4 var(--code-font);letter-spacing:.08em;text-transform:uppercase;color:#3d3354}
.author .author-card-photo{margin:0;border-radius:28px;overflow:hidden;height:clamp(300px,27vw,400px);background:#c6b3ef}
.author .author-card-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .7s ease}
.author .author-card-letters{list-style:none;margin:0;padding:0}
.author .author-card-letters li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 0;border-top:1px solid #211d2829}
.author .author-card-letters li:last-child{border-bottom:1px solid #211d2829}
.author .author-card-letters b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#19181e;color:#f5f0fa;font:700 21px/1 Arial,sans-serif;letter-spacing:0}
.author .author-card-letters span{font:17px/1.35 var(--code-font);color:#211d28}
@media(hover:hover) and (pointer:fine){.author .author-card.text-responsive:hover{scale:1.012}.author .author-card:hover .author-card-photo img{transform:scale(1.03)}}
@media(max-width:800px){.author .author-card-photo{height:clamp(300px,70vw,440px)}}
@media(max-width:500px){.author .author-card{padding:25px;gap:20px}.author .author-card-photo{border-radius:24px}.author .author-card-letters b{width:36px;height:36px;border-radius:12px;font-size:18px}.author .author-card-letters span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.author .author-card,.author .author-card-photo img{transition:none}.author .author-card:hover .author-card-photo img{transform:none}}

/* Shared rows keep deliverables and disclosure controls aligned. */
@media(min-width:801px){
  .steps{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,auto);column-gap:30px;row-gap:0;align-items:stretch}
  .steps>.step{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 5;row-gap:0;min-width:0;align-items:start}
  .steps>.step>*{min-width:0;overflow-wrap:anywhere}
  .steps>.step>.step-detail{align-self:start}
  .steps>.step>.step-output{align-self:stretch}
  .step-detail summary{min-height:64px}
}
@media(min-width:801px) and (max-width:1000px){.steps>.step>h3{font-size:24px}}
@media(max-width:800px){.steps{grid-template-columns:1fr;grid-template-rows:none;row-gap:32px}.steps>.step{display:block;grid-row:auto}}
@media(hover:hover) and (pointer:fine){
  .steps>.step.text-responsive{translate:var(--text-x,0px) 0;scale:1}
  .steps>.step.text-responsive:hover{scale:1.012 1}
}
/* The overlay and its contents enter separately; closed links never take focus. */
.nav{display:flex;flex-direction:column;align-items:flex-start;gap:23px;visibility:hidden;opacity:0;pointer-events:none;clip-path:inset(0 0 100% 0 round 0 0 48px 48px);transition:clip-path .62s cubic-bezier(.22,.8,.2,1),opacity .25s ease .25s,visibility 0s .62s}
.nav.open{visibility:visible;opacity:1;pointer-events:auto;clip-path:inset(0 round 0);transition-delay:0s}
.nav>a,.nav>.nav-footer{opacity:0;transform:translateY(24px);transition:opacity .22s ease,transform .3s cubic-bezier(.22,.8,.2,1),translate .35s ease,scale .35s ease}
.nav.open>a,.nav.open>.nav-footer{opacity:1;transform:translateY(0);transition-duration:.55s;transition-delay:calc(100ms + var(--menu-order,0)*45ms)}
.nav.open>a:hover{transform:translateX(8px);transition-delay:0ms}
.nav>a:focus-visible{outline-offset:6px}
.nav>.theme-toggle{opacity:0;transition:opacity .2s ease}
.nav.open>.theme-toggle{opacity:1;transition-delay:.18s}
@media(max-width:800px){
  .nav{inset:0;width:100%;height:100dvh;max-height:100dvh;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:105px 24px 35px;align-items:stretch;gap:18px}
}
/* A small rise, soft easing and local stagger unify section/card reveals. */
.reveal{transition:opacity .7s ease,transform .85s cubic-bezier(.22,.8,.2,1),translate .4s ease,scale .4s ease;transition-delay:var(--reveal-delay,0ms)}
.motion-enabled .reveal:not(.is-visible){opacity:0;transform:translateY(30px) scale(.985)}
.motion-enabled .reveal.is-visible{opacity:1;transform:none}
.motion-enabled .steps.reveal:not(.is-visible){transform:translateY(30px)}
.motion-enabled .solution-art.reveal:not(.is-visible){transform:translateY(20px) scale(.98)}
.nav.open .nav-footer{border-top-color:var(--line)}
@media(prefers-reduced-motion:reduce){
  .nav,.nav>a,.nav>.nav-footer,.nav>.theme-toggle{transition:none!important}
  .nav.open{clip-path:none}
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
}

/* Audience-specific scenarios: readable explanations with a shared card rhythm. */
.scenario-card{display:flex;flex-direction:column;min-width:0}
.scenario .scenario-card .num{display:flex;align-items:baseline;gap:12px;font-family:var(--code-font);font-size:18px;line-height:1.5;letter-spacing:.03em}
.scenario .scenario-card .num span{font-size:14px;line-height:1.5}
.scenario-card h4{font-size:17px;line-height:1.45;letter-spacing:0;margin:0 0 10px;font-weight:600}
.scenario-card .scenario-solution{margin-top:24px}
.scenario-card .scenario-check{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.scenario .scenario-card p{font-size:18px;line-height:1.55;margin-top:0}
[data-theme=dark] .scenario .scenario-card:nth-child(3) h4{color:#19181e}
.scenario-card>h3{margin-bottom:20px}
.workflow-grid>article>p{font-size:18px;line-height:1.55;margin:18px 0 0}
.subhero-segment .btn.orange{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media(min-width:801px){.subhero-segment h1{max-width:none;font-size:clamp(48px,6.1vw,100px);letter-spacing:-.025em}}
@media(min-width:801px){.scenario .grid3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.scenario .grid3{grid-template-columns:1fr}.scenario-card h4{font-size:17px}.scenario .scenario-card p,.workflow-grid>article>p{font-size:17px}}