@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg:#050607;--bg-2:#0b0d0f;--text:#e8e1d5;--muted:#8f8981;--gold:#d99a3d;--gold-soft:#d99a3d38;--cyan:#4fb7c7;--panel:#121313b8;--panel-2:#1c1814d1;--border:#da9d4647;--shadow:#000000bf;--max:1500px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:JetBrains Mono,monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}.site{background:radial-gradient(circle at 52% 58%,#d8892f2e,#0000 20%),radial-gradient(circle at 70% 38%,#3eb7c817,#0000 22%),linear-gradient(#0003,#050607 88%);min-height:100vh;position:relative}.bg-image-placeholder{z-index:-3;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.bg-image-placeholder:before{content:none}.noise{pointer-events:none;z-index:-1;opacity:.13;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.vignette{z-index:-1;pointer-events:none;background:radial-gradient(circle,#0000 36%,#000000db 100%);position:fixed;inset:0}.nav{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:26px 56px 0;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--max);border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;height:54px;margin:0 auto;display:flex}.logo{width:32px;height:32px;color:var(--text);letter-spacing:-.06em;border:1px solid #ffffff7a;place-items:center;font-weight:800;display:grid;box-shadow:0 0 24px #d99a3d14}.menu{gap:48px;margin-left:64px;margin-right:auto;display:flex}.menu a,.lang{letter-spacing:.16em;color:#e8e1d58c;text-transform:uppercase;font-size:14px;transition:all .25s}.menu a.active,.menu a:hover,.lang:hover{color:var(--text)}.menu a.active{position:relative}.menu a.active:after{content:"";background:var(--gold);height:2px;box-shadow:0 0 18px var(--gold);position:absolute;bottom:-21px;left:0;right:0}.hero{min-height:10vh;max-width:var(--max);grid-template-columns:minmax(360px,1.1fr) minmax(520px,1fr);align-items:center;gap:34px;margin:0 auto;padding:150px 56px 0;display:grid;position:relative}.intro{z-index:4;align-self:start;padding-top:28px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:12px;margin-bottom:24px;font-size:12px;display:flex}.glyph{border:1px solid var(--gold);width:13px;height:13px;box-shadow:0 0 16px var(--gold-soft);transform:rotate(45deg)}h1{text-transform:uppercase;letter-spacing:-.07em;text-shadow:0 22px 46px #000;margin-bottom:28px;font-family:Science Gothic,sans-serif;font-size:clamp(58px,7vw,108px);font-weight:900;line-height:.87}.subtitle{color:#e8e1d594;text-transform:uppercase;letter-spacing:.13em;margin-bottom:20px;font-size:16px}.lead{color:#e8e1d58c;max-width:430px;margin-bottom:38px;font-size:17px;line-height:1.75}.cta{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:16px;font-size:14px;font-weight:700;display:inline-flex}.cta span:last-child{font-size:28px;line-height:1;transform:translateY(-1px)}.quote-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e8e1d594;z-index:5;background:#0e121294;border:1px solid #ffffff1f;width:min(360px,30vw);padding:28px 34px;font-size:14px;line-height:1.6;position:absolute;top:138px;right:56px;box-shadow:0 20px 50px #00000061}.quote-card:before,.quote-card:after{content:"";border-color:var(--gold);opacity:.7;width:42px;height:42px;position:absolute}.quote-card:before{border-top:1px solid;border-left:1px solid;top:-8px;left:-8px}.quote-card:after{border-bottom:1px solid;border-right:1px solid;bottom:-8px;right:-8px}.project{filter:drop-shadow(0 35px 32px #000000b8);width:min(380px,30vw);transition:transform .25s,filter .25s;display:block;position:relative}.info-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e8e1d5e0;background:#0e1212d1;gap:12px;width:min(360px,28vw);padding:24px 22px;display:grid;box-shadow:0 18px 34px #00000070}.info-card .info-tag{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;background:#d99a3d1a;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.info-card h3{text-transform:uppercase;letter-spacing:.12em;margin:0;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700;line-height:1.2}.info-card p{color:#e8e1d5b3;margin:0;font-size:14px;line-height:1.6}.laptop-frame{transform-origin:top;width:100%;margin-bottom:41px;position:relative;transform:scale(1.3)}.project--position-1 .laptop-frame,.project--position-3 .laptop-frame{transform:scale(1.42)}.laptop-screen{z-index:3;opacity:.92;width:54%;height:33%;image-rendering:-webkit-optimize-contrast;mix-blend-mode:screen;pointer-events:none;transform-origin:50%;backface-visibility:hidden;will-change:transform;background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:1px;position:absolute;top:12%;left:23%;overflow:hidden}.project--position-1 .laptop-screen{width:53%;height:43.2%;top:14.1%;left:17.7%;transform:perspective(1000px)rotateY(24deg)rotate(-6.7deg)skewY(2.5deg)skew(.5deg)translateZ(0)}.project--position-2 .laptop-screen{width:53%;height:42.5%;top:15.2%;left:23.4%;transform:perspective(720px)rotateX(1deg)translateZ(0)}.project--position-3 .laptop-screen{width:48.3%;height:39.7%;top:17.7%;left:29.9%;transform:perspective(800px)rotateY(-24deg)rotate(8.7deg)skewY(-4.05deg)skew(1.5deg)translateZ(0)}.laptop{z-index:1;width:100%;height:auto;filter:var(--laptop-tone,none);display:block;position:relative}.project--tone-1 .laptop{--laptop-tone:hue-rotate(336deg) saturate(.58) brightness(.87) contrast(1)}.project--tone-2 .laptop{--laptop-tone:hue-rotate(4deg) saturate(.96) brightness(1.03) contrast(1.01)}.project--tone-3 .laptop{--laptop-tone:hue-rotate(166deg) saturate(.04) brightness(.89) contrast(1.02)}.project--tone-4 .laptop{--laptop-tone:hue-rotate(-15deg) saturate(.68) brightness(1.04) contrast(1.03)}.project--tone-5 .laptop{--laptop-tone:hue-rotate(19deg) saturate(.47) brightness(.86) contrast(1.01)}.project--tone-6 .laptop{--laptop-tone:hue-rotate(-3deg) saturate(.73) brightness(1.02) contrast(1.08)}.plate{border:1px solid var(--border);-webkit-backdrop-filter:blur(2px);background:linear-gradient(120deg,#ffffff08,#00000024 25%),linear-gradient(#30261cc7,#12100e54);width:88%;min-height:108px;margin:-4px auto 0;padding:18px 20px;position:relative;box-shadow:0 18px 30px #0000008f,inset 0 0 34px #d99a3d0d}.plate:before,.plate:after{content:"";border-color:var(--gold);opacity:.55;width:20px;height:20px;position:absolute}.plate:before{border-top:1px solid;border-left:1px solid;top:7px;left:7px}.plate:after{border-bottom:1px solid;border-right:1px solid;bottom:7px;right:7px}.plate h3{letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.plate p{color:#e8e1d58c;margin-bottom:14px;font-size:14px;line-height:1.5}.project-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.project-action{min-height:34px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:#d99a3d14;border:1px solid #d99a3d66;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,color .2s}.project-action:hover{color:var(--text);background:#d99a3d29;border-color:#d99a3db3}.project-action--primary{background:#d99a3d2e}.project-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-modal{background:linear-gradient(130deg,#ffffff14,#0000 36%),#0d0f10eb;border:1px solid #ffffff29;flex-direction:column;width:min(920px,100%);max-height:92vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 34px 90px #000000b8}.project-modal-close{z-index:2;width:36px;height:36px;color:var(--text);font:inherit;cursor:pointer;background:#00000057;border:1px solid #ffffff2e;font-size:24px;line-height:1;position:absolute;top:14px;right:14px}.project-modal-media{aspect-ratio:16/9;background-position:top;background-size:cover;border:1px solid #ffffff1f;flex:none;width:calc(100% - 116px);min-height:0;max-height:340px;margin:54px 74px 0 42px;position:relative;box-shadow:0 18px 42px #00000075}.project-modal-content{z-index:1;background:#0d0f10fa;flex:none;width:100%;padding:34px 42px 42px;position:relative}.project-modal-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin-bottom:12px;font-size:12px;font-weight:700}.project-modal h2{letter-spacing:.04em;margin-bottom:18px;font-size:clamp(32px,4vw,56px);line-height:.95}.project-modal p,.project-modal li{color:#e8e1d5b8;font-size:15px;line-height:1.7}.project-modal ul{gap:12px;margin:24px 0 30px;padding-left:20px;display:grid}.project-modal-link{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;margin-right:22px;font-size:13px;font-weight:700;display:inline-flex}.scroll-indicator{color:#e8e1d58c;letter-spacing:.16em;text-transform:uppercase;font-size:13px;position:absolute;bottom:36px;left:56px}.sections{max-width:var(--max);margin:0 auto;padding:0 56px 140px}.section-head{border-top:1px solid #ffffff1a;justify-content:space-between;gap:30px;margin-bottom:54px;padding-top:34px;display:flex}.section-head h2{text-transform:uppercase;letter-spacing:-.05em;font-family:Science Gothic,sans-serif;font-size:clamp(36px,4vw,72px);font-weight:700;line-height:.95}.section-head p{color:#e8e1d580;max-width:420px;font-size:16px;line-height:1.7}.project-row{--project-gap:clamp(12px, 1.6vw, 28px);justify-content:center;align-items:flex-start;gap:var(--project-gap);flex-wrap:wrap;min-height:520px;padding:40px 0 90px;display:flex}.project-row .project{--project-offset-y:0px;transform:translateY(var(--project-offset-y));width:min(430px, calc((100% - var(--project-gap) - var(--project-gap)) / 3));flex:0 1 min(430px, calc((100% - var(--project-gap) - var(--project-gap)) / 3));position:relative;top:auto;left:auto}.project-row .project--position-1,.project-row .project--position-3{--project-offset-y:18px}.project-row .project--position-2{--project-offset-y:-14px}.info-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e8e1d5e0;background:#0e1212d1;gap:10px;width:min(720px,60vw);margin:0 auto 42px;padding:22px 18px;display:grid;box-shadow:0 18px 34px #00000070}.footer{max-width:var(--max);color:#e8e1d56b;text-transform:uppercase;letter-spacing:.16em;justify-content:space-between;margin:0 auto;padding:44px 56px 70px;font-size:13px;display:flex}@media (width<=1100px){.hero{grid-template-columns:1fr;padding-top:130px}.intro{padding-top:0}.quote-card{width:100%;margin-bottom:24px;position:relative;top:auto;right:auto}}@media (width<=760px){.nav{padding:18px 18px 0}.menu{display:none}.hero,.sections,.footer{padding-left:20px;padding-right:20px}.hero{padding-top:110px}h1{font-size:58px}.project:hover{transform:translateY(-10px)}.section-head,.footer{flex-direction:column}.project-row{flex-flow:column wrap;min-height:auto}.project-row .project{--project-offset-y:0px;width:100%;max-width:390px}.project-modal{max-height:92vh}.project-modal-media{width:calc(100% - 44px);max-height:none;margin:22px 22px 0}.project-modal-content{padding:34px 22px 26px}}