@font-face{font-family:Portfolio;src:url('/public/fonts/NotoSans-Regular.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Portfolio;src:url('/public/fonts/NotoSans-Bold.ttf') format('truetype');font-display:swap;font-weight:700}:root{--ink:#203236;--muted:#65716f;--paper:#f6f5f0;--line:#dfe3db;--coral:#d65b42;--green:#315e4a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Portfolio,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d65b42;outline-offset:5px}.page{max-width:1456px;padding:0 56px;margin:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.identity{display:flex;gap:14px;align-items:center;font-size:15px;font-weight:700;line-height:1.35}.identity small{display:block;font-size:9px;letter-spacing:2px;font-weight:400;margin-top:4px}.monogram{background:var(--ink);color:var(--paper);width:45px;height:45px;padding:9px;line-height:27px;font-size:19px;position:relative}.monogram span{position:absolute;font-size:15px;right:3px;top:-2px;color:#d7bda2}nav{display:flex;gap:33px;align-items:center;font-size:12px}nav a:hover{color:var(--coral)}nav .contact{border:1px solid #bcc8be;padding:10px 16px;border-radius:3px}.contact span{margin-left:20px}.hero{padding:83px 0 74px;display:grid;grid-template-columns:1.4fr 1fr;gap:7%;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;gap:9px;align-items:center;color:var(--muted);margin:0 0 23px;font-weight:700}.dot{width:6px;height:6px;border-radius:50%;background:var(--coral)}h1{font-size:clamp(35px,3.7vw,56px);line-height:1.2;font-weight:400;letter-spacing:-2.5px;margin:0 0 26px}h1 em{font-style:normal;color:var(--green)}.lead{max-width:540px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 29px}.button{display:inline-flex;gap:32px;align-items:center;padding:13px 20px;font-size:12px;border-radius:3px}.primary{background:var(--ink);color:white}.primary:hover{background:#35504b}.hero-details{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:29px;font-size:10px;color:var(--muted)}.hero-board{background:#e7ece4;border:1px solid #d7dfd3;border-radius:6px;transform:rotate(1deg);padding:25px 27px}.board-header{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.2px;color:var(--muted)}.tiny-square{width:7px;height:7px;background:var(--green)}.board-number{margin-left:auto}.board-flow{padding:29px 0 12px}.board-flow>div{display:flex;align-items:center;gap:16px;position:relative;padding:12px 0 21px}.flow-icon{display:grid;place-items:center;font-size:25px;width:50px;height:50px;flex-shrink:0;border-radius:10px;z-index:1}.coral{background:#ecd2c5;color:#a84e36}.green{background:#c5d6c1;color:#3c6448}.violet{background:#d7d2e4;color:#6c547e}.board-flow b{display:block;font-size:15px;font-weight:400}.board-flow small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.flow-line{position:absolute;width:1px;height:25px;left:25px;bottom:-4px;background:#b7c8b4}.board-flow>div:last-child .flow-line{display:none}.board-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c9d4c5;padding-top:18px;font-size:10px;line-height:1.7}.board-footer b{font-weight:400}.arrow-big{font-size:45px;line-height:1;color:#42644c}.projects{padding:45px 0 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}.section-heading .eyebrow{margin-bottom:9px}h2{font-size:31px;letter-spacing:-1.15px;line-height:1.3;font-weight:400;margin:0}.section-heading>p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fffefa;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #2032360b}.project-visual{height:247px;position:relative;padding:30px 22px 38px;overflow:hidden}.automation-visual{background:#e9d9cb}.mini-window{background:#faf9f7;border-radius:6px;border:1px solid #cebaa9;box-shadow:0 12px 22px #795b351a;transform:rotate(-3deg);width:110%;margin-left:-5%}.mini-top{height:26px;border-bottom:1px solid #e2d9ce;display:flex;align-items:center;gap:4px;padding:0 9px}.mini-top i{width:4px;height:4px;border-radius:50%;background:#c8b5a5}.mini-top span{font-size:6px;margin-left:9px}.mini-content{padding:13px 12px 15px}.mini-content>b{font-size:11px;display:block}.mini-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0 5px;font-size:6px;color:#777}.mini-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-kanban>div{background:#f0eee8;border-radius:4px;padding:5px;min-height:88px}.mini-kanban p{margin:0 0 6px;background:white;border-radius:3px;padding:6px;font-size:6px;line-height:1.3;border:1px solid #e3e3da}.mini-kanban small{display:block;font-size:5px;color:#888;margin-top:4px}.mini-kanban em{display:block;font-size:5px;font-style:normal;color:#b55d3d;margin-top:5px}.mini-kanban .mini-progress{color:#9878a2}.mini-kanban .mini-done{color:#468165}.visual-tag{position:absolute;bottom:12px;left:19px;font-size:7px;letter-spacing:1.25px;color:#5f665e}.academy-visual{background:#dce5d5;padding-top:21px}.mini-course{text-align:center;transform:rotate(2deg)}.course-badge{font-size:7px;letter-spacing:2px;color:#536d4e}.course-symbol{font-size:44px;font-family:Georgia,serif;line-height:1.1;color:#476e46}.course-symbol span{font-size:30px;color:#c6a668}.mini-course>b{font-size:22px;line-height:1.05;font-weight:400;letter-spacing:-1px;display:block}.course-sub{font-size:7px;display:block;color:#5d7156;margin:8px 0}.course-track{display:flex;gap:4px;justify-content:center}.course-track i{width:23px;height:4px;background:#c2cfb9;border-radius:3px}.course-track i:first-child{background:#64875c}.course-foot{display:block;font-size:6px;color:#5d7156;margin-top:8px}.pixels-visual{background:#d9deea;padding:22px 20px 32px}.photo-search{background:#f6f7fa;padding:9px;border:1px solid #bec5d6;border-radius:6px;transform:rotate(-2deg);box-shadow:0 9px 20px #3646641a}.photo-search>span{display:block;background:white;border:1px solid #e2e5ed;border-radius:4px;padding:5px 8px;font-size:7px;color:#7b859b;margin-bottom:8px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.photo-grid img{width:100%;height:64px;object-fit:cover;border-radius:3px}.card-body{padding:25px 24px 0;display:flex;flex-direction:column;flex:1}.card-number{display:flex;align-items:center;gap:10px;font-size:11px;color:#a1a99f;margin-bottom:9px}.card-number span{font-size:8px;letter-spacing:1.1px}.card-body h3{margin:0 0 11px;font-size:23px;letter-spacing:-.9px;font-weight:400}.card-body>p{font-size:11px;line-height:1.85;color:var(--muted);margin:0 0 17px;min-height:81px}.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 23px}.tags li{background:#eef1eb;padding:3px 7px;border-radius:3px;font-size:8px;color:#5e6c60}.scenario{border-top:1px solid var(--line);padding:15px 0 22px;display:flex;gap:12px;font-size:9px;line-height:1.7;margin-top:auto}.scenario b{white-space:nowrap;font-size:8px;color:var(--green);font-weight:700}.scenario span{color:var(--muted)}.card-link{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;padding:17px 0}.card-link span{font-size:17px;line-height:1}.card-link:hover{color:var(--coral)}.demo-note{display:flex;gap:15px;border:1px solid var(--line);border-radius:5px;padding:20px 23px;margin-top:25px;color:var(--muted)}.note-icon{font-size:25px;color:#7b9275;line-height:1.5}.demo-note b{font-size:11px;color:var(--ink)}.demo-note p{font-size:10px;margin:4px 0 0}.approach{display:grid;grid-template-columns:1fr 1fr;gap:14%;padding:90px 0 80px;border-bottom:1px solid var(--line)}.approach .eyebrow{margin-bottom:15px}.approach>div>p:last-child{font-size:12px;color:var(--muted);max-width:380px;margin-top:21px;line-height:1.85}.approach ol{list-style:none;padding:0;margin:4px 0}.approach li{display:flex;gap:22px;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.approach li:last-child{margin-bottom:0;border:0;padding-bottom:0}.approach li>span{font-size:10px;color:#99a494;padding-top:3px}.approach h3{font-size:14px;margin:0 0 6px;font-weight:400}.approach li p{font-size:10px;color:var(--muted);margin:0;line-height:1.8}.outro{padding:65px 0 62px;position:relative}.outro .eyebrow{margin-bottom:15px}.outro h2{font-size:35px}.outro>a{display:inline-flex;align-items:center;gap:34px;color:var(--green);margin-top:25px;border-bottom:1px solid #b1c2ad;padding-bottom:5px;font-size:17px}.outro>a:hover{color:var(--coral)}footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:18px;font-size:9px;color:var(--muted)}@media(min-width:1600px){.page{padding:0 75px}.project-visual{height:280px}.photo-grid img{height:80px}}@media(max-width:1000px){.page{padding:0 30px}.hero{gap:5%;grid-template-columns:1.4fr 1fr;padding-top:60px}h1{letter-spacing:-1.5px}.hero-board{padding:20px}.project-grid{gap:14px}.card-body{padding:20px 18px 0}.project-visual{padding-left:15px;padding-right:15px;height:225px}.mini-content>b{font-size:9px}.card-body h3{font-size:20px}.card-body>p{min-height:100px}.scenario{display:block}.scenario b{display:block;margin-bottom:4px}.hero-details{gap:8px;font-size:9px}.flow-icon{width:40px;height:40px}.flow-line{left:20px}.board-flow small{font-size:8px}.board-flow b{font-size:12px}.approach{gap:8%}}@media(max-width:720px){.page{padding:0 20px}.site-header{height:85px}nav{gap:16px;font-size:10px}nav>a:nth-child(2){display:none}nav .contact{padding:8px 10px}.contact span{margin-left:8px}.identity{font-size:12px;gap:10px}.identity small{font-size:7px}.monogram{width:36px;height:36px;font-size:16px;padding:5px}.hero{display:block;padding:48px 0 43px}h1{font-size:38px;letter-spacing:-1.8px}.lead{font-size:13px}.hero-board{display:none}.hero-details{gap:8px 20px;margin-top:23px}.projects{padding-top:30px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:15px}h2{font-size:27px}.project-grid{grid-template-columns:1fr;gap:24px}.project-visual{height:240px;padding-left:35px;padding-right:35px}.mini-window{width:95%;margin:auto;max-width:420px}.photo-search{max-width:350px;margin:auto}.photo-grid img{height:65px}.mini-course>b{font-size:25px}.course-symbol{font-size:47px}.course-sub{font-size:9px}.course-foot{font-size:8px}.visual-tag{font-size:8px;left:23px}.card-body{padding:23px 24px 0}.card-body h3{font-size:25px}.card-body>p{font-size:12px;min-height:0}.tags li{font-size:9px}.scenario{display:flex;font-size:10px}.card-link{font-size:12px}.demo-note{padding:17px 18px}.demo-note p{font-size:11px}.approach{display:block;padding:50px 0 35px}.approach ol{margin-top:35px}.approach h3{font-size:15px}.approach li p{font-size:11px}.approach>div>p:last-child{font-size:13px}.outro{padding:42px 0}.outro h2{font-size:30px}.outro>a{font-size:15px}footer{flex-wrap:wrap;font-size:9px}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card{transition:none}}

/* Compact project directory requested by the owner. */
.projects{border-top:0;padding-top:38px}.section-heading h1{font-size:38px;letter-spacing:-1.3px;margin:0}.card-body>p{min-height:62px}.card-link{margin-top:auto}.tags{margin-bottom:22px}.external-project{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--line);border-radius:6px;margin-top:24px;background:#fffefa}.external-project h2{font-size:23px;letter-spacing:-.7px}.external-project p{font-size:12px;color:var(--muted);margin:4px 0 0}.external-project>span{font-size:12px;white-space:nowrap}.external-project:hover{border-color:#91a48f}.outro{padding:38px 0}.outro h2{font-size:26px}.outro>a{margin-top:18px;font-size:15px}.outro .telegram-contact{margin-left:30px}@media(max-width:720px){nav>a:nth-child(2){display:block}.projects{padding-top:28px}.section-heading h1{font-size:32px}.card-body>p{min-height:0}.external-project{padding:20px}.external-project>span{font-size:11px}.outro .telegram-contact{margin-left:20px}}