@font-face{font-family:Golos;src:url('./assets/golos-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Golos;src:url('./assets/golos-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Golos;src:url('./assets/golos-semibold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
:root{--bg:#090b0a;--surface:#131612;--text:#f2f2e9;--muted:#a1a59c;--line:#2c302a;--lime:#d6fa52;--paper:#e9ede5;--font:Golos,Arial,sans-serif;color-scheme:dark;font-family:var(--font);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:42px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;-webkit-font-smoothing:antialiased}::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:7px}button{color:inherit}em{font-style:normal;color:var(--muted)}button{cursor:pointer}p{line-height:1.65}svg{display:block}h1,h2,h3,h4,h5,p{overflow-wrap:break-word}section{position:relative}main{overflow:clip}.skip-link{position:fixed;top:-80px;left:24px;padding:18px;background:var(--lime);color:var(--bg);z-index:300}.skip-link:focus{top:12px}.reading-progress{position:fixed;inset:0 auto auto 0;height:2px;background:var(--lime);width:100%;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
/* The opening scene */
.header{position:absolute;top:0;left:0;width:100%;height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw;z-index:50;border-bottom:1px solid #ffffff17}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:600;letter-spacing:-1.5px}.brand svg{width:30px;height:30px;color:var(--lime)}.header nav{display:flex;gap:35px;font-size:14px}.header nav a{transition:color .2s}.header nav a:hover{color:var(--lime)}.header nav span{font-size:12px;margin-left:5px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:25px}.header-cta{font-size:14px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #ffffff60;padding:12px 0;transition:border-color .3s}.header-cta:hover{border-color:var(--lime)}.header-cta>span{font-size:22px;transition:transform .3s}.header-cta:hover>span{transform:translate(3px,-3px)}.motion-toggle{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;background:transparent;transition:background .2s}.motion-toggle:hover{background:#ffffff14}.motion-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.motion-toggle .play-icon{display:none}.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}.menu-toggle{display:none}.hero{min-height:900px;height:100svh;max-height:1120px;padding:161px 4.2vw 0;position:relative;overflow:hidden;isolation:isolate}.hero-eyebrow{font-size:14px;display:flex;align-items:center;gap:14px;color:#c5c8be;position:relative;z-index:3}.eyebrow-line{display:block;width:25px;height:1px;background:var(--lime)}.hero-content{position:relative;z-index:3;pointer-events:none}.hero-content a{pointer-events:auto}h1{font-size:clamp(76px,7.4vw,130px);font-weight:500;line-height:1.025;letter-spacing:-.062em;margin:48px 0 40px}.title-mask{display:block;overflow:hidden;width:max-content;max-width:100%;padding-bottom:.08em;margin-bottom:-.08em}.title-line{display:block;transform-origin:left bottom}.title-mask.accent{color:var(--lime);font-size:.88em;letter-spacing:-.06em;position:relative}.hero-bottom{display:flex;align-items:center;gap:70px}.hero-bottom p{font-size:17px;line-height:1.7;color:#b9bcb3;margin:0}.round-link{display:flex;align-items:center;gap:20px;font-size:14px}.round-arrow{display:grid;place-items:center;width:66px;height:66px;background:var(--lime);color:#15190e;border-radius:50%;font-size:30px;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .4s}.round-link:hover .round-arrow{transform:rotate(45deg);box-shadow:0 0 50px #d6fa5230}.hero-core{position:absolute;inset:9% -15% 3% 31%;display:grid;place-items:center;pointer-events:none;z-index:1;will-change:transform}.core-art{width:100%;position:relative;transform:rotate(-10deg);will-change:transform;mix-blend-mode:screen}.core-image{display:block;width:100%;height:auto;mask-image:radial-gradient(ellipse 54% 58% at 50% 49%,#000 62%,transparent 95%);filter:brightness(.85);animation:core-breathe 12s ease-in-out infinite}.hero-core:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 23%,transparent 90%,var(--bg));pointer-events:none}.core-orbit{position:absolute;width:69%;aspect-ratio:1;border:1px solid #d6fa5214;border-radius:50%;z-index:-1}.orbit-one{transform:rotateX(54deg) rotateZ(-28deg);width:93%}.orbit-two{width:80%;border-style:dashed;opacity:.4;animation:orbit-turn 80s linear infinite}.core-coordinate{position:absolute;right:27%;top:12%;font-family:monospace;font-size:12px;letter-spacing:.1em;color:#9daba0;z-index:2}.core-caption{position:absolute;bottom:17%;right:28%;display:flex;align-items:center;gap:15px;font-size:12px;line-height:1.6;color:#adb4a6;z-index:3}.crosshair{font-size:36px;font-weight:400;line-height:1;color:var(--lime)}.core-marker{position:absolute;right:24%;top:49%;font-family:monospace;font-size:12px;color:var(--muted);writing-mode:vertical-rl}.hero-meta{position:absolute;bottom:0;left:4.2vw;right:4.2vw;height:85px;border-top:1px solid #ffffff26;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.04em;z-index:3}.hero-meta a{font-size:12px;letter-spacing:0}.scroll-arrow{display:inline-block;color:var(--lime);margin-left:20px;animation:scroll-arrow 2s ease-in-out infinite}
/* A typographic transition */
.ticker{overflow:hidden;background:var(--lime);color:var(--bg);padding:27px 0;position:relative;z-index:4}.ticker-track{display:flex;width:max-content;animation:ticker 36s linear infinite}.ticker-track>span{display:flex;align-items:center;white-space:nowrap;font-size:20px;letter-spacing:.01em;font-weight:500}.ticker i{font-style:normal;font-size:36px;line-height:.8;margin:0 55px;animation:asterisk 12s linear infinite}
/* Expertise */
.section{padding:120px 4.2vw;border-bottom:1px solid var(--line)}.section-label{font-size:12px;letter-spacing:.09em;color:var(--muted);margin-bottom:55px;display:flex;justify-content:space-between;gap:24px}h2{font-size:clamp(42px,4.8vw,78px);font-weight:400;letter-spacing:-.052em;line-height:1.12;margin:0}p.intro{font-size:16px;line-height:1.7;color:var(--muted);margin:0;max-width:510px}.expertise{background:var(--paper);color:#172019;border-bottom:0}.expertise .section-label{color:#5c655d}.expertise em{color:#7d867b}.expertise-heading{display:grid;grid-template-columns:1.65fr 1fr;align-items:end;gap:45px}.expertise .intro{color:#586257;justify-self:end;padding-bottom:4px}.expertise-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:8%;margin-top:90px;align-items:center}.system-diagram{aspect-ratio:1.25;position:relative;background:radial-gradient(circle at 50% 50%,#c7d4be66,transparent 65%);border:1px solid #28332426;border-radius:2px;overflow:hidden;container-type:inline-size}.system-diagram:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#1f391331 .7px,transparent .7px);background-size:20px 20px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.diagram-label{position:absolute;top:22px;left:24px;font-size:12px;letter-spacing:.07em;color:#5e6b5a}.connection-lines{position:absolute;inset:0;width:100%;height:100%}.wire{stroke:#9fae96;stroke-width:1}.signal{stroke:#3d6623;stroke-width:2;stroke-dasharray:16 340;animation:signal 5s linear infinite}.signal-two{animation-delay:-2.3s}.signal-three{animation-delay:-3.5s}.diagram-node{position:absolute;display:flex;align-items:center;gap:9px;background:#f1f4ed;border:1px solid #a3b39a;padding:12px 14px;font-size:14px;border-radius:6px;box-shadow:0 5px 15px #20371b04}.diagram-node>span{font-size:19px;color:#577746}.node-crm{top:25%;left:8%}.node-team{top:25%;right:6%}.node-data{bottom:22%;left:6%}.node-services{bottom:22%;right:6%}.diagram-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:94px;height:94px;border-radius:17px;border:1px solid #b6c990;background:var(--lime);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;box-shadow:0 10px 35px #6c833126,0 0 0 9px #c0cfb134}.diagram-hub svg{width:35px;height:35px}.diagram-hub>span{font-size:10px;font-weight:600;letter-spacing:.06em}.diagram-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:12px;color:#63745b}.services{border-top:1px solid #1d2b182d}.service-row{display:grid;grid-template-columns:27px 1fr 30px;gap:15px;padding:30px 0;border-bottom:1px solid #1d2b182d}.service-number{font-size:12px;color:#727e6c;padding-top:7px}.service-row h3{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:0 0 13px}.service-row p{font-size:15px;line-height:1.6;margin:0 0 21px;max-width:410px;color:#53634d}.service-tags{font-size:11px;letter-spacing:.05em;color:#64705e}.service-symbol{font-size:26px;color:#546648;transition:transform .5s}.service-row:hover .service-symbol{transform:translate(4px,-4px)}
/* Product stories */
.products{padding-bottom:90px}.products-heading{position:relative;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:75px}.products-heading h2,.products-heading p{position:relative;z-index:1}.products-heading p{margin-right:4%;padding-bottom:4px}.huge-number{position:absolute;right:14%;top:-67%;font-size:clamp(180px,23vw,350px);letter-spacing:-.09em;font-weight:500;color:transparent;-webkit-text-stroke:1px #ffffff09;line-height:1;user-select:none}.product-card{display:grid;grid-template-columns:40% 60%;border:1px solid #fff2;background:#141712;margin-bottom:30px;border-radius:9px;overflow:hidden;--product-accent:#b2de98}.resdesk-card{--product-accent:#a0cde7;background:#121717}.product-copy{padding:38px 10.5% 38px 10.5%;display:flex;flex-direction:column;align-items:flex-start}.product-topline{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;margin-bottom:44px}.product-index{font-size:11px;color:#939c8c;letter-spacing:.05em}.product-status{font-size:11px;white-space:nowrap;color:#b4bcae;border:1px solid #fff2;padding:5px 8px;border-radius:4px}.product-wordmark{display:flex;align-items:center;gap:12px;margin-bottom:28px}.product-wordmark h3{font-size:42px;font-weight:500;letter-spacing:-.06em;margin:0}.plania-symbol{width:38px;height:38px;background:var(--product-accent);color:#284828;border-radius:12px;font-size:32px;font-weight:600;line-height:1;text-align:center;display:block}.resdesk-symbol{width:35px;height:35px;display:flex;align-items:flex-end;gap:4px;transform:skewY(-12deg)}.resdesk-symbol i{width:8px;background:var(--product-accent);height:60%;border-radius:2px}.resdesk-symbol i:nth-child(2){height:85%}.resdesk-symbol i:nth-child(3){height:100%}.product-copy h4{font-size:clamp(25px,2.7vw,41px);font-weight:400;line-height:1.22;letter-spacing:-.045em;margin:0 0 23px}.product-copy>p{font-size:15px;line-height:1.75;color:#a7b19f;margin:0 0 25px;max-width:360px}.resdesk-card .product-copy>p{color:#a1b0b0}.product-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:35px}.product-tags span{border:1px solid #ffffff22;padding:6px 9px;border-radius:4px;font-size:11px;color:#c1c8b9}.resdesk-card .product-tags span{color:#b6c4ca}.text-link{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:13px 0;border-bottom:1px solid #ffffff50;font-size:14px;transition:border-color .3s;width:100%;margin-top:auto}.text-link>span{font-size:24px;transition:transform .3s}.text-link:hover{border-color:var(--product-accent);color:var(--product-accent)}.text-link:hover>span{transform:translate(3px,-3px)}.product-stage{position:relative;overflow:hidden;display:flex;align-items:center;min-width:0;min-height:510px;padding:50px 0 60px 48px;perspective:1400px;container-type:inline-size}.plania-stage{background:#a8bf9a}.resdesk-stage{background:#a1b1bd}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(140deg,#000,transparent)}.product-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#fff3,transparent 40%,#27332317)}.product-window{position:relative;min-width:625px;width:108%;border-radius:9px;overflow:hidden;z-index:2;transform:rotateY(-8deg) rotateX(5deg) rotateZ(-2deg);box-shadow:-10px 22px 42px #1d372938,0 0 0 1px #fff6;background:#f7f8f5;color:#253b31;transform-origin:50% 50%;transition:transform 1s cubic-bezier(.2,.7,.2,1);will-change:transform}.product-card:hover .product-window{transform:rotateY(-3deg) rotateX(2deg) rotateZ(-1deg)}.window-header{display:flex;height:51px;align-items:center;padding:0 20px;border-bottom:1px solid #29362819;gap:28px;background:#fafff9}.window-brand{display:flex;align-items:center;gap:8px;font-size:18px;letter-spacing:-.9px;font-weight:600}.mini-plania,.mini-resdesk{font-size:22px;display:grid;place-items:center;width:25px;height:25px;background:#d1e6c8;border-radius:7px;color:#4a7250;line-height:1}.window-space{font-size:12px;color:#6c776b}.window-avatar{margin-left:auto;border-radius:50%;background:#dce3d7;width:25px;height:25px;display:grid;place-items:center;font-size:12px}.window-body{display:flex}.window-sidebar{width:48px;border-right:1px solid #37473312;display:flex;flex-direction:column;gap:15px;align-items:center;padding-top:25px;font-size:20px;color:#92a48e}.window-sidebar span{width:31px;height:30px;display:grid;place-items:center}.window-sidebar .sidebar-active{background:#dcebd4;color:#4f7550;border-radius:5px}.calendar-view{flex:1;padding:25px 21px 0;min-width:0}.calendar-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:25px}.calendar-title strong{display:block;font-weight:500;font-size:17px;letter-spacing:-.5px}.ui-eyebrow{font-size:10px;letter-spacing:1.2px;color:#84917d;display:block;margin-bottom:5px}.ui-date{font-size:11px;border:1px solid #d6dfd0;border-radius:5px;padding:7px}.calendar-staff{display:grid;grid-template-columns:35px repeat(3,1fr);font-size:11px;border-bottom:1px solid #dce5d7;padding-bottom:12px}.calendar-staff>div{display:flex;align-items:center;justify-content:center;gap:5px}.staff-avatar{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-size:10px}.avatar-a{background:#e1c6b0;color:#6e5140}.avatar-m{background:#d9d0e5;color:#6f5d85}.avatar-d{background:#c9d8dc;color:#4f6f7a}.calendar-grid{position:relative;display:grid;grid-template-columns:35px repeat(3,1fr);height:255px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 61px,#e0e7dc 62px,transparent 63px)}.time-labels{display:flex;flex-direction:column;font-size:9px;color:#929e8d;gap:51px;padding-top:8px}.calendar-column{position:relative;border-left:1px solid #e0e7dc}.appointment{position:absolute;left:5px;right:5px;border-radius:4px;border-left:2px solid #6d935d;padding:10px 8px;background:#dfead4;font-size:10px;transition:box-shadow .4s,translate .5s}.appointment>span{font-size:9px;opacity:.65;display:block}.appointment strong{font-size:11px;letter-spacing:-.15px;font-weight:500;display:block;margin:7px 0 4px}.appointment small{font-size:9px;display:block;opacity:.7}.appointment-a{top:8px;height:83px}.appointment-b{top:136px;height:71px;background:#eee8d4;border-color:#b5a56b}.appointment-c{top:47px;height:92px;background:#e1ddef;border-color:#9a8fb8}.appointment-d{top:8px;height:71px;background:#d9e7e7;border-color:#76a0a4}.appointment-e{top:111px;height:95px}.calendar-now{position:absolute;left:33px;right:0;top:111px;background:#789c65;height:1px;opacity:.7}.calendar-now>span{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#789c65}.floating-note{position:absolute;display:flex;align-items:center;gap:12px;z-index:4;background:#fffffff2;backdrop-filter:blur(12px);color:#365536;border:1px solid #ffffffa6;border-radius:9px;padding:16px 20px;box-shadow:0 15px 35px #2c422830;bottom:63px;left:32px;transform:rotate(-3deg);animation:note-float 7s ease-in-out infinite}.floating-note strong{display:block;font-size:12px;font-weight:500}.floating-note div>span{display:block;font-size:10px;color:#7d8d74;margin-top:5px}.note-check{display:grid;place-items:center;background:#e7f2df;color:#709654;width:29px;height:29px;border-radius:50%;font-size:16px}.stage-caption{position:absolute;bottom:24px;left:32px;font-size:9px;letter-spacing:.04em;color:#344531;z-index:4}.resdesk-window{background:#f1f4f7;color:#233544;transform:rotateY(-8deg) rotateX(5deg) rotateZ(2deg)}.resdesk-card:hover .product-window{transform:rotateY(-3deg) rotateX(2deg) rotateZ(1deg)}.resdesk-window .window-header{background:#fbfdff;border-color:#d8e1e9}.mini-resdesk{background:#dae6f5;color:#4e7ead}.resdesk-window .window-space{color:#7b8c9c}.resdesk-window .window-avatar{background:#dce7f0}.board-view{padding:25px 20px 22px}.board-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.board-title>strong{font-size:18px;font-weight:500;letter-spacing:-.5px}.board-title>span{font-size:11px;color:#6f8494}.board-title b{font-weight:400;border:1px solid #d0dce6;border-radius:4px;padding:2px 5px;margin-left:6px}.board-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.board-column{min-width:0}.board-heading{display:flex;gap:5px;align-items:center;font-size:11px;color:#5d7586;margin-bottom:15px}.board-heading>span:last-child{margin-left:auto;font-size:10px}.board-dot{width:5px;height:5px;border-radius:50%;background:#aaa}.dot-new{background:#abbcc8}.dot-progress{background:#71a0c6}.dot-done{background:#8eab8c}.ticket{background:#fff;border:1px solid #dae4ec;border-radius:5px;padding:13px 11px;margin-bottom:9px;box-shadow:0 3px 6px #163c5904}.ticket-id{font-size:9px;letter-spacing:.25px;color:#95a1ac}.ticket h5{font-size:12px;font-weight:500;line-height:1.45;margin:9px 0}.ticket-location{font-size:9px;color:#8a98a6}.ticket-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px}.ticket-tag{font-size:8px;background:#f0f3f6;color:#8e9aa6;padding:4px 6px;border-radius:3px}.assignee{display:grid;place-items:center;width:20px;height:20px;background:#e4e9f2;border-radius:50%;font-size:7px;color:#8492a8}.tag-blue{color:#5e8fb6;background:#e8f2fa}.tag-green{color:#78a073;background:#eef5eb}.ticket-progress{height:3px;border-radius:3px;background:#e9eef4;margin-top:15px;overflow:hidden}.ticket-progress>span{display:block;height:100%;width:64%;background:#83aed1;transform-origin:left;animation:ticket-line 6s ease-in-out infinite}.active-ticket{border-color:#abc8df;box-shadow:0 5px 15px #43698908}.resdesk-note{transform:rotate(3deg);animation-delay:-3.5s;color:#344e66}.resdesk-note .note-check{background:#e6effa;color:#577fa8}.resdesk-note div>span{color:#788a9c}.resdesk-stage .stage-caption{color:#354f62}.product-details{grid-column:1/-1;border-top:1px solid #fff2;background:#10130f}.resdesk-card .product-details{background:#0f1515}.product-details summary{cursor:pointer;padding:21px 4.2%;font-size:13px;list-style:none;display:flex;justify-content:space-between;align-items:center;color:#b0b9a8}.product-details summary::-webkit-details-marker{display:none}.product-details summary:hover{color:var(--product-accent)}.product-details summary>span{font-size:24px;font-weight:400;line-height:1;transition:transform .3s}.product-details[open] summary>span{transform:rotate(45deg)}.product-details-body{padding:9px 4.2% 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;animation:details-in .4s ease}.product-details-body h5{font-size:17px;font-weight:500;margin:0 0 12px}.product-details-body p{color:#a0ab99;line-height:1.65;font-size:14px;margin:0}.product-details-body .pilot-note{grid-column:1/-1;font-size:12px;color:#8b9786;border-top:1px solid #fff1;padding-top:20px}.products-footnote{display:flex;justify-content:space-between;gap:30px;color:#8e9787;font-size:12px;padding-top:10px}
/* A deliberate pace for the process */
.approach{padding-bottom:140px;background:#10130f}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%}.approach-intro{position:sticky;top:90px;align-self:start}.approach-intro h2{font-size:clamp(40px,4.4vw,67px)}.approach-intro>.intro{margin-top:30px;font-size:15px}.process-orbit{position:relative;width:176px;height:176px;margin-top:60px}.process-orbit svg{width:100%;height:100%;animation:orbit-turn 40s linear infinite}.process-orbit text{fill:#9ca58f;font-size:11.5px;letter-spacing:2.2px}.orbit-word{font-size:57px;font-weight:500;position:absolute;inset:0;display:grid;place-items:center;color:var(--lime);transform:rotate(-15deg)}.process-steps{border-top:1px solid #ffffff26;position:relative}.process-steps:before{content:'';position:absolute;top:0;bottom:0;width:1px;left:22px;background:#ffffff13}.process-step{display:flex;gap:40px;padding:48px 0;border-bottom:1px solid #ffffff26;position:relative;min-height:245px}.step-number{flex:0 0 45px;height:45px;display:grid;place-items:center;border:1px solid #59624c;border-radius:50%;font-size:12px;color:#97a18a;background:#10130f;position:relative;z-index:1;transition:background .6s,color .6s,box-shadow .6s}.process-step.in-focus .step-number{background:var(--lime);color:#233118;border-color:var(--lime);box-shadow:0 0 36px #d6fa5217}.step-kicker{font-size:11px;letter-spacing:.07em;color:#88967b;display:block;margin:2px 0 18px}.process-step h3{font-size:clamp(28px,3vw,43px);font-weight:400;line-height:1.17;letter-spacing:-.04em;margin:0 0 20px;transition:color .5s}.process-step.in-focus h3{color:#ecf4e6}.process-step p{max-width:390px;margin:0;font-size:15px;color:#98a28e;line-height:1.7}
/* The closing scene */
.closing{background:var(--lime);color:#15210c;padding:55px 4.2vw 55px;overflow:hidden}.closing .section-label{color:#536a2b;margin-bottom:90px}.closing-main{display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{font-size:clamp(48px,7.3vw,116px);letter-spacing:-.065em;line-height:1.07;position:relative;z-index:2}.closing h2 span{position:relative}.closing h2 span:after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:2px;background:#243715;transform-origin:left;transition:transform 1s}.closing-arrow{display:grid;place-items:center;border-radius:50%;background:#1c2c12;color:var(--lime);width:154px;height:154px;flex:0 0 154px;overflow:hidden}.closing-arrow span{font-size:78px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.closing-arrow:hover span{transform:rotate(45deg)}.closing-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:70px;padding-top:30px;border-top:1px solid #46631945}.closing-bottom p{font-size:16px;line-height:1.65;margin:0;color:#4d622e}.closing-link{font-size:14px;border-bottom:1px solid #26411880;padding-bottom:10px;display:flex;align-items:center;gap:25px}.closing-link>span{font-size:22px}.closing a:focus-visible{outline-color:#19300a}.footer{padding:55px 4.2vw 0;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top>p{font-size:13px;color:#8e9885;margin:0}.back-top{font-size:13px;display:flex;gap:30px;align-items:center}.back-top>span{width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .3s}.back-top:hover>span{background:var(--lime);color:var(--bg)}.footer-wordmark{font-size:19.15vw;letter-spacing:-.078em;line-height:1;font-weight:500;padding-top:55px;padding-bottom:30px;color:#1e251a;user-select:none;transform-origin:left bottom}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;padding:27px 0;font-size:10px;letter-spacing:.03em;color:#8c9485}
/* Motion is opt-in after the script has successfully initialized. */
.motion-on .reveal{opacity:0;transform:translateY(42px);transition:opacity .85s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}.motion-on .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-on .product-card.reveal{transform:translateY(60px) scale(.97);transition:opacity 1s,transform 1.3s cubic-bezier(.16,1,.3,1)}.motion-on .product-card.is-visible{transform:translateY(0) scale(1)}.motion-on .title-line{animation:title-in 1.25s cubic-bezier(.16,1,.3,1) both}.motion-on .title-mask:nth-child(2) .title-line{animation-delay:.12s}.motion-on .title-mask:nth-child(3) .title-line{animation-delay:.25s}.motion-on .hero-eyebrow{animation:fade-in 1s .1s both}.motion-on .hero-bottom{animation:rise-in 1.2s .45s both}.motion-on .core-art{animation:core-in 1.7s cubic-bezier(.16,1,.3,1) both}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .title-line,.motion-paused .hero-bottom,.motion-paused .hero-eyebrow,.motion-paused .core-art{animation:none!important;opacity:1!important}.motion-paused{scroll-behavior:auto}.motion-paused .core-art{transform:rotate(-10deg)!important}.motion-paused .product-window{transform:rotateY(-8deg) rotateX(5deg) rotateZ(-2deg)!important}.motion-paused .product-card,.motion-paused .round-arrow,.motion-paused .closing-arrow{transition:none!important}
@keyframes title-in{from{transform:translateY(112%) rotate(4deg)}to{transform:translateY(0) rotate(0)}}
@keyframes rise-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes core-in{from{opacity:0;scale:.88;rotate:10deg}to{opacity:1;scale:1;rotate:0deg}}
@keyframes core-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1.5deg)}}
@keyframes note-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes asterisk{to{transform:rotate(360deg)}}
@keyframes orbit-turn{to{rotate:360deg}}
@keyframes scroll-arrow{0%,100%{transform:translateY(-3px);opacity:.6}50%{transform:translateY(4px);opacity:1}}
@keyframes signal{to{stroke-dashoffset:-356}}
@keyframes ticket-line{0%,100%{transform:scaleX(.75)}50%{transform:scaleX(1)}}
@keyframes details-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero{padding-top:190px}.hero-core{inset:2% -6% 0 38%}.core-caption{right:24%}.product-stage{min-height:620px}.product-window{min-width:760px}.calendar-grid{height:310px;background-size:auto 77px}.product-copy{padding-top:50px;padding-bottom:45px}.product-copy h4{margin-top:8px}.products-heading p{margin-right:9%}.window-header{height:63px}.board-view{padding:35px 25px}.ticket{padding:20px 15px}.board-title{margin-bottom:35px}.ticket h5{font-size:14px}.ticket-location{font-size:11px}.ticket-id{font-size:11px}.ticket-tag{font-size:10px}.calendar-title strong{font-size:20px}.appointment strong{font-size:13px}.appointment small,.appointment>span{font-size:11px}}
@media(max-width:1100px){.header nav{gap:22px}.header-actions{gap:18px}.hero{min-height:840px}h1{font-size:8.1vw}.hero-core{left:29%;right:-24%}.hero-bottom{gap:35px}.core-caption{right:30%;bottom:14%}.core-coordinate{right:35%}.section{padding-top:95px;padding-bottom:95px}.expertise-grid{gap:5%}.product-card{grid-template-columns:42% 58%}.product-copy{padding:30px 8%}.product-topline{margin-bottom:32px;align-items:flex-start;flex-direction:column;gap:8px}.product-copy h4{font-size:29px}.product-copy>p{font-size:14px}.product-stage{padding-left:30px}.product-tags{gap:5px}.product-tags span{font-size:10px}.product-window{min-width:580px}.floating-note{left:20px;padding:13px 15px}.stage-caption{left:20px;font-size:8px}.process-step{gap:25px}.closing-arrow{width:125px;height:125px;flex-basis:125px}.closing-arrow span{font-size:60px}.hero-meta>span:first-child{max-width:210px;line-height:1.5}}
@media(max-width:850px){.header{height:88px}.header nav{gap:17px;font-size:13px}.header-cta{gap:15px;font-size:12px}.motion-toggle{width:34px;height:34px}.brand{font-size:22px}.brand svg{width:27px;height:27px}.hero{padding-top:140px;min-height:800px}.hero-core{left:20%;right:-36%;opacity:.7}.hero-content{position:relative;z-index:4}h1{font-size:9.2vw;margin-top:46px}.hero-bottom{gap:32px}.hero-bottom p{font-size:16px}.core-caption{bottom:15%;right:33%}.core-coordinate{top:9%;right:34%}.core-marker{display:none}.hero-meta>span:first-child{display:none}.expertise-heading{grid-template-columns:1fr 1fr;gap:24px}.expertise-heading h2{font-size:43px}.expertise-heading .intro{font-size:14px}.expertise-grid{grid-template-columns:1fr;margin-top:60px;gap:45px}.system-diagram{max-width:580px;width:100%;justify-self:center;aspect-ratio:1.42}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-row{grid-template-columns:1fr;position:relative;padding:25px 0;gap:14px}.service-row h3{font-size:22px}.service-row p{font-size:14px}.service-symbol{position:absolute;top:23px;right:0}.service-tags{font-size:10px}.section-label{margin-bottom:42px}.section-label>span:last-child{font-size:10px}.products-heading p{font-size:14px;margin:0;max-width:260px}.product-card{grid-template-columns:1fr}.product-copy{padding:35px 6%;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.product-topline{grid-column:1/-1;flex-direction:row;align-items:center;margin-bottom:35px}.product-wordmark{grid-column:1;grid-row:2;margin-bottom:24px}.product-copy h4{grid-column:1;grid-row:3;margin:0}.product-copy>p{grid-column:2;grid-row:2 / 4;font-size:15px;align-self:center;margin:0}.product-tags{grid-column:1;grid-row:4;align-self:center;margin-top:25px;margin-bottom:0}.text-link{grid-column:2;grid-row:4;align-self:end}.product-stage{min-height:480px;padding:45px 7% 70px}.product-window{min-width:0;width:100%}.product-card:hover .product-window{transform:rotateY(-3deg) rotateX(2deg) rotateZ(-1deg)}.floating-note{left:6%;bottom:47px}.stage-caption{left:6%;font-size:9px;bottom:18px}.product-details summary{padding:22px 6%}.product-details-body{padding:8px 6% 28px;gap:22px}.product-details-body h5{font-size:15px}.product-details-body p{font-size:13px}.products-footnote{font-size:11px;gap:30px;line-height:1.6}.approach-layout{gap:6%}.approach-intro h2{font-size:38px}.approach-intro>.intro{font-size:14px}.process-step{gap:18px}.step-number{flex-basis:37px;height:37px}.process-steps:before{left:18px}.process-step h3{font-size:30px}.process-step p{font-size:14px}.step-kicker{font-size:10px}.closing h2{font-size:7.3vw}.closing-arrow{width:105px;height:105px;flex-basis:105px}.closing-bottom p{font-size:14px}.closing-link{font-size:12px;max-width:310px;line-height:1.5}.closing .section-label{margin-bottom:65px}.footer-top>p{font-size:12px}.footer-bottom{font-size:9px}.footer-bottom>span:last-child{display:none}}
@media(max-width:600px){html{scroll-padding-top:25px}.header{padding:0 6vw;height:80px}.brand{font-size:22px}.header-actions{gap:13px}.header-cta{display:none}.motion-toggle{width:34px;height:34px}.menu-toggle{display:flex;width:34px;height:34px;padding:8px 4px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:51}.menu-toggle span{display:block;width:26px;height:1px;background:var(--text);transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{position:absolute;top:79px;left:0;right:0;display:none;flex-direction:column;gap:0;background:#10140ff5;backdrop-filter:blur(20px);padding:20px 6vw 30px;border-bottom:1px solid var(--line)}.header nav.is-open{display:flex;animation:details-in .3s}.header nav a{font-size:21px;padding:18px 0;border-bottom:1px solid #ffffff12}.header nav span{font-size:12px;margin-left:10px}.hero{padding:124px 6vw 0;min-height:830px;height:100svh;max-height:1000px}.hero-eyebrow{font-size:12px;gap:10px}.eyebrow-line{width:17px}h1{font-size:clamp(53px,12.8vw,77px);margin-top:40px;margin-bottom:0;letter-spacing:-.06em;line-height:1.055}.title-mask.accent{font-size:.87em;max-width:95%;width:auto;line-height:1.06;padding-bottom:6px;margin-top:4px}.title-mask.accent .title-line{max-width:340px}.hero-core{inset:28% -61% 4% 1%;opacity:.7;z-index:1}.core-art{width:100%;transform:rotate(-20deg)}.core-image{filter:brightness(.75)}.hero-core:after{background:linear-gradient(0deg,var(--bg),transparent 24%,transparent 80%,var(--bg)),linear-gradient(90deg,var(--bg),transparent 24%)}.core-orbit{display:none}.core-coordinate{display:none}.core-caption{display:none}.hero-bottom{align-items:flex-start;flex-direction:column;gap:30px;margin-top:33px;position:relative;z-index:4}.hero-bottom p{font-size:14px;line-height:1.8;color:#bbc3b1;max-width:250px;text-shadow:0 2px 12px #090b0a}.round-arrow{width:52px;height:52px;font-size:26px}.round-link{gap:15px;font-size:13px}.hero-meta{left:6vw;right:6vw;height:67px}.hero-meta>span:last-child{font-size:10px}.hero-meta a{font-size:10px}.hero-meta .scroll-arrow{margin-left:8px}.ticker{padding:22px 0}.ticker-track>span{font-size:15px}.ticker i{font-size:27px;margin:0 28px}.section{padding:72px 6vw}.section-label{margin-bottom:34px;font-size:10px;letter-spacing:.06em}.section-label>span:last-child{display:none}h2{font-size:40px;letter-spacing:-.052em;line-height:1.14}.expertise-heading{grid-template-columns:1fr;gap:27px}.expertise-heading h2{font-size:clamp(36px,9.6vw,52px)}.expertise .intro{justify-self:start;font-size:15px;padding:0}.expertise .intro br{display:none}.expertise .intro br:nth-child(3){display:block}.expertise-grid{margin-top:42px;gap:35px}.system-diagram{aspect-ratio:1.16}.diagram-label{top:18px;left:17px;font-size:9px}.diagram-node{padding:10px 11px;font-size:12px;gap:7px}.diagram-node>span{font-size:17px}.node-crm{left:6%;top:24%}.node-team{right:5%;top:24%}.node-data{left:4%;bottom:21%}.node-services{right:4%;bottom:21%}.diagram-hub{width:75px;height:75px;border-radius:13px;gap:3px}.diagram-hub svg{width:29px;height:29px}.diagram-hub>span{font-size:8px}.diagram-caption{font-size:10px;bottom:18px}.services{grid-template-columns:1fr;gap:0}.service-row{grid-template-columns:24px 1fr;padding:28px 0;gap:11px}.service-number{padding-top:5px;font-size:11px}.service-row h3{font-size:23px;margin-right:22px}.service-row p{font-size:14px;margin-bottom:17px}.service-tags{font-size:10px;letter-spacing:0}.service-symbol{top:24px}.products-heading{display:block;margin-bottom:40px}.products-heading p{margin-top:27px;max-width:none;font-size:15px}.huge-number{font-size:150px;right:-2%;top:-12%;opacity:.6}.product-card{border-radius:7px;margin-bottom:25px}.product-copy{padding:27px 7% 30px;display:flex;gap:0}.product-topline{flex-direction:row;margin-bottom:33px}.product-index,.product-status{font-size:10px}.product-wordmark{margin-bottom:22px;gap:10px}.product-wordmark h3{font-size:38px}.plania-symbol{width:34px;height:34px;font-size:29px}.resdesk-symbol{width:32px;height:32px}.product-copy h4{font-size:32px;line-height:1.18;margin-bottom:22px}.product-copy>p{font-size:15px;align-self:auto;margin:0 0 23px}.product-tags{align-self:flex-start;margin:0 0 27px;gap:6px}.product-tags span{font-size:10px;padding:6px 8px}.text-link{font-size:14px;padding:11px 0;align-self:auto}.product-stage{min-height:342px;padding:36px 0 56px 20px}.product-window{min-width:480px;max-width:480px;transform:rotateY(-8deg) rotateX(5deg) rotateZ(-3deg);transform-origin:left center}.window-header{height:40px;padding:0 15px;gap:22px}.window-brand{font-size:16px}.window-space{font-size:10px}.window-avatar{width:20px;height:20px;font-size:10px}.mini-plania,.mini-resdesk{width:21px;height:21px;font-size:18px}.window-sidebar{width:36px;padding-top:18px;gap:12px;font-size:17px}.window-sidebar span{width:26px;height:24px}.calendar-view{padding:17px 15px 0}.calendar-title{margin-bottom:17px}.calendar-title strong{font-size:14px}.ui-eyebrow{font-size:8px}.ui-date{font-size:9px}.calendar-staff{font-size:9px;padding-bottom:8px}.staff-avatar{width:19px;height:19px;font-size:8px}.calendar-grid{height:220px}.appointment{padding:8px 6px;left:4px;right:4px}.appointment strong{font-size:9px}.appointment>span,.appointment small{font-size:8px}.floating-note{padding:12px 14px;bottom:35px;left:17px;gap:9px;border-radius:7px}.floating-note strong{font-size:10px}.floating-note div>span{font-size:9px}.note-check{width:24px;height:24px;font-size:13px}.stage-caption{font-size:7px;letter-spacing:0;bottom:13px;left:17px}.resdesk-stage{padding-top:35px}.resdesk-window{transform:rotateY(-8deg) rotateX(5deg) rotateZ(2deg)}.board-view{padding:20px 15px 18px}.board-title{margin-bottom:20px}.board-title>strong{font-size:15px}.board-title>span{font-size:10px}.board-columns{gap:8px}.board-heading{font-size:10px;gap:4px;margin-bottom:10px}.ticket{padding:10px 9px}.ticket h5{font-size:10px;margin:8px 0}.ticket-id,.ticket-location{font-size:8px}.ticket-tag{font-size:7px}.ticket-footer{gap:4px;margin-top:10px}.product-details summary{padding:20px 7%;font-size:12px}.product-details-body{grid-template-columns:1fr;gap:23px;padding:5px 7% 28px}.product-details-body h5{font-size:16px;margin-bottom:8px}.product-details-body p{font-size:14px}.product-details-body .pilot-note{font-size:12px}.products-footnote{display:block;font-size:12px;padding-top:5px}.products-footnote>span{display:block;margin-top:12px}.approach-layout{grid-template-columns:1fr;gap:40px}.approach-intro{position:relative;top:auto}.approach-intro h2{font-size:40px}.approach-intro h2 br:nth-child(2){display:none}.approach-intro>.intro{font-size:15px;margin-top:25px}.process-orbit{display:none}.process-step{padding:33px 0;gap:23px;min-height:0}.step-number{flex-basis:36px;height:36px;font-size:11px}.process-step h3{font-size:30px;line-height:1.2;margin-bottom:16px}.step-kicker{font-size:10px;margin-bottom:14px}.process-step p{font-size:14px}.closing{padding:35px 6vw 40px}.closing .section-label{margin-bottom:48px}.closing-main{position:relative;display:block}.closing h2{font-size:clamp(41px,11.2vw,63px);line-height:1.1;letter-spacing:-.065em}.closing-arrow{width:78px;height:78px;position:relative;margin-top:32px;flex-basis:auto}.closing-arrow span{font-size:41px}.closing h2 span:after{bottom:-3px;height:1px}.closing-bottom{flex-direction:column;align-items:flex-start;gap:25px;margin-top:34px;padding-top:25px}.closing-bottom p{font-size:14px}.closing-link{max-width:none;font-size:12px;gap:15px;width:100%;justify-content:space-between}.footer{padding:38px 6vw 0}.footer-top{flex-wrap:wrap;gap:23px;align-items:center}.footer-top .brand{order:1;font-size:22px}.footer-top>p{order:3;width:100%;font-size:12px}.back-top{order:2;margin-left:auto;font-size:12px;gap:12px}.back-top>span{width:32px;height:32px;font-size:18px}.footer-wordmark{padding:35px 0 23px;font-size:18.5vw;letter-spacing:-.075em}.footer-bottom{font-size:8px;line-height:1.6;padding:22px 0;gap:15px}.footer-bottom>span:nth-child(2){max-width:155px;text-align:right}}
@media(max-width:365px){.hero{min-height:830px}.hero-eyebrow{font-size:10px}h1{font-size:49px}.hero-meta a{font-size:9px}.hero-meta>span:last-child{display:none}.service-tags{font-size:9px}.diagram-node{font-size:10px;padding:8px}.diagram-hub{width:66px;height:66px}.product-copy h4{font-size:28px}.closing h2{font-size:39px}.product-status{font-size:9px}.header-actions{gap:8px}.hero-bottom p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.title-line,.hero-bottom,.hero-eyebrow,.core-art{opacity:1!important}.reveal,.title-line{transform:none!important}.hero-core{transform:none!important}.product-window{will-change:auto}.core-art,.core-image{will-change:auto}.closing h2 span:after{transform:none!important}}
.offscreen *,.offscreen svg,.offscreen.ticker .ticker-track,.offscreen.process-orbit svg,.page-hidden *{animation-play-state:paused!important}.magnetic{transition:transform .35s cubic-bezier(.2,.7,.2,1)}

/* Keep primary reading text comfortable at every viewport. */
.service-row p,.product-copy>p,.process-step p,.expertise-heading .intro,.products-heading .intro,.approach-intro>.intro{font-size:16px}.hero-bottom p{font-size:16px}.service-tags,.product-index,.product-status,.product-tags span,.step-kicker,.footer-bottom{font-size:12px}.section-label>span:last-child{font-size:12px}.product-details summary{font-size:14px}.product-details-body p{font-size:16px}.product-details-body .pilot-note{font-size:12px}.product-details-body h5{font-size:18px}#main:focus{outline:none}
@media(max-width:600px){.product-topline{gap:8px;flex-wrap:wrap}.product-status{font-size:11px}.product-tags span{font-size:11px}.footer-bottom{font-size:10px}.hero-meta a{font-size:12px}.hero-meta>span:last-child{display:none}.section-label{font-size:12px}}

/* REPAX brand proportions and extended capabilities. */
.brand{letter-spacing:-.075em;font-weight:600}.footer-wordmark{font-size:28.3vw;letter-spacing:-.087em;line-height:.9;padding-top:65px;padding-bottom:45px}.expertise-grid{align-items:start}.system-diagram{position:sticky;top:90px}.services .service-row{padding:27px 0}.service-tags{display:block;line-height:1.65}.hero-eyebrow{letter-spacing:-.01em}
@media(max-width:1100px){.header nav{gap:23px}.header-cta{display:none}}
@media(max-width:850px){.system-diagram{position:relative;top:auto}.services{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:35px}.services .service-row{padding:28px 0}.footer-wordmark{padding-top:45px;padding-bottom:30px}}
@media(max-width:600px){.hero-eyebrow{font-size:11px}.services{grid-template-columns:1fr}.footer-wordmark{font-size:27.2vw;padding-top:37px;padding-bottom:30px}}

/* Selected web and game projects: real project assets, one visual language. */
.work{background:#0d100d}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:60px}.work-heading .intro{padding-bottom:4px;max-width:310px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.work-card{border:1px solid #ffffff26;border-radius:9px;overflow:hidden;background:#151915;min-width:0}.work-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 27px;font-size:12px;color:#a4ae9b;letter-spacing:.035em}.work-state{border:1px solid #ffffff25;border-radius:4px;padding:5px 8px;font-size:12px;white-space:nowrap}.work-visual{position:relative;display:block;margin:0;aspect-ratio:1.5;overflow:hidden;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}.work-visual-lapki{background:#eee7d8}.work-visual-lapki img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.3s cubic-bezier(.16,1,.3,1)}.work-visual-lapki:hover img{transform:scale(1.045)}.work-visual-arrow{position:absolute;right:22px;bottom:22px;width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#182016;color:#e8efd8;font-size:26px;transition:transform .35s}.work-visual-lapki:hover .work-visual-arrow{transform:rotate(45deg)}.work-visual-game{background:radial-gradient(ellipse at 70% 20%,#51442925,transparent 65%),#111411;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:13% 4%;perspective:900px}.work-visual-game:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#b1b88609 1px,transparent 1px),linear-gradient(90deg,#b1b88609 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to bottom,transparent,#000,transparent)}.game-screen{position:relative;z-index:1;width:100%;border:1px solid #bcb58b45;border-radius:6px;overflow:hidden;box-shadow:0 24px 50px #0008;transform:rotateY(-4deg) rotateX(5deg) rotateZ(-2deg);transition:transform .9s cubic-bezier(.16,1,.3,1)}.game-screen img{display:block;width:100%;height:auto}.game-work:hover .game-screen{transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg)}.game-visual-label{position:absolute;left:22px;right:22px;top:25px;display:flex;justify-content:space-between;gap:15px;font-family:monospace;font-size:10px;letter-spacing:.05em;color:#ada582}.game-visual-label span:last-child{color:#788473;font-size:9px}.work-visual-game figcaption{position:absolute;bottom:24px;left:22px;font-size:10px;letter-spacing:.03em;color:#8a967e}.game-visual-corners{position:absolute;inset:18% 3% 22%;border:1px solid #b9b58818;pointer-events:none}.work-copy{padding:32px 30px}.work-title-row{display:flex;flex-direction:column;gap:9px;margin-bottom:24px}.work-title-row h3{font-size:clamp(25px,2.55vw,39px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:0}.work-title-row>span{font-size:13px;color:#8f9d83}.work-copy>p{font-size:16px;line-height:1.75;color:#a6b29b;margin:0 0 24px;min-height:112px}.work-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:27px}.work-tags>span{font-size:12px;line-height:1.35;border:1px solid #ffffff22;padding:6px 9px;border-radius:4px;color:#bcc7b0}.work-copy .text-link{color:#d7e7c2}.work-details{border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff50}.work-details summary{font-size:14px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;cursor:pointer}.work-details summary::-webkit-details-marker{display:none}.work-details summary>span{font-size:24px;line-height:1;transition:transform .3s}.work-details[open] summary>span{transform:rotate(45deg)}.work-details>div{padding:5px 0 20px;animation:details-in .35s ease}.work-details p{font-size:14px;line-height:1.7;color:#98a78b;margin:0 0 17px}.work-details a{font-size:13px;line-height:1.6;color:var(--lime);display:inline-flex;gap:14px;align-items:center}.work-details summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.work-details summary:hover{color:var(--lime)}.work-note{display:flex;align-items:center;gap:19px;margin-top:30px}.work-note p{font-size:14px;color:#8e9a82;margin:0;line-height:1.6}.work-note .eyebrow-line{flex:0 0 25px}.footer-domain{font-size:12px;letter-spacing:.02em;color:#a5b093}.motion-paused .game-screen,.motion-paused .work-visual-lapki img{transition:none!important;transform:none!important}
@media(max-width:1100px){.work-topline{padding:18px 20px;font-size:11px;gap:10px}.work-copy{padding:28px 24px}.work-copy>p{min-height:140px}.game-visual-label{left:15px;right:15px;top:20px;font-size:9px}.game-visual-label span:last-child{display:none}.work-visual-game figcaption{left:15px;font-size:9px;bottom:18px}.work-heading .intro{max-width:240px}.work-topline .work-state{font-size:11px}}
@media(max-width:850px){.work-grid{gap:20px}.work-heading{align-items:flex-start}.work-heading h2{font-size:42px}.work-topline{padding:16px;font-size:10px;flex-wrap:wrap}.work-copy{padding:25px 20px}.work-title-row h3{font-size:27px}.work-copy>p{min-height:196px}.work-tags>span{font-size:11px}.work-visual-arrow{width:39px;height:39px;font-size:23px;right:16px;bottom:16px}.work-heading .intro{font-size:15px}.work-visual-game figcaption{font-size:8px}.work-title-row{min-height:89px}}
@media(max-width:600px){.work-heading{display:block;margin-bottom:36px}.work-heading h2{font-size:40px}.work-heading .intro{margin-top:25px;font-size:16px;max-width:none}.work-grid{grid-template-columns:1fr;gap:28px}.work-topline{padding:18px 22px;font-size:11px}.work-copy{padding:28px 24px}.work-title-row{min-height:0;gap:10px;margin-bottom:20px}.work-title-row h3{font-size:31px}.work-title-row>span{font-size:13px}.work-copy>p{min-height:0;font-size:16px}.work-tags>span{font-size:12px}.game-visual-label{font-size:9px;left:20px;top:24px}.work-visual-game figcaption{font-size:9px;left:20px;bottom:24px}.work-note{align-items:flex-start;gap:13px;margin-top:26px}.work-note .eyebrow-line{margin-top:10px;flex-basis:17px}.work-note p{font-size:14px}.footer-domain{display:none}}