:root{color-scheme:dark;--paper:#100e1c;--text:#f6ecdf;--muted:#c1afcf;--mint:#b9ead6;--line:#d8bce42b;--amber:#d28b57;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.55 Arial,Helvetica,sans-serif;overflow-x:clip}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:24px;height:24px;flex:none}.symbols{position:absolute;width:0;height:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;z-index:30;background:#203d36;padding:12px}.skip:focus{top:12px}.ambient{position:fixed;inset:-20%;z-index:-1;background:radial-gradient(ellipse at 80% 25%,#17574655,transparent 45%),radial-gradient(ellipse at 15% 65%,#5a285b66,transparent 48%),radial-gradient(ellipse at 80% 95%,#99502e44,transparent 42%);animation:aurora 23s ease-in-out infinite alternate;pointer-events:none}@keyframes aurora{to{transform:translate(-5%,6%) rotate(9deg)}}.cursor-light{position:fixed;width:480px;height:480px;left:0;top:0;border-radius:50%;background:radial-gradient(circle,#a5eed00a,transparent 68%);transform:translate(-600px,-600px);pointer-events:none;z-index:5;mix-blend-mode:screen}
header{height:98px;margin:0 3.5%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:38px;position:relative;z-index:3}.brand{font-size:27px;letter-spacing:-1px;white-space:nowrap}.brand-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-left:8px;vertical-align:middle;box-shadow:0 0 15px #b9ead666}nav{display:flex;gap:34px;margin-left:auto;font-size:14px;color:#d8c9e9}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:100%;height:1px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after{transform:scaleX(1)}.utilities{display:flex;align-items:center;gap:24px}.utilities button{background:none;border:0}#language{border-left:1px solid var(--line);padding:5px 0 5px 28px;font-size:12px;letter-spacing:1px}#language span{color:#bcaec5}#motion{width:44px;height:44px;border:1px solid #ac96b454;border-radius:50%;font-size:18px}.motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hero{position:relative;min-height:calc(100svh - 98px);height:880px;max-height:1100px;padding:90px 4.4% 100px;isolation:isolate}.artwork{position:absolute;inset:-98px 0 0;z-index:-2;background-image:url('assets/ribbon.png');background-size:cover;background-position:center;overflow:hidden;animation:fallback-drift 12s ease-in-out infinite alternate}.artwork:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100e1c35 0%,transparent 65%),linear-gradient(0deg,#100e1c 0%,transparent 13%);pointer-events:none}#ribbon{width:100%;height:100%;display:block;opacity:0;transition:opacity .6s}.webgl-ready #ribbon{opacity:1}.webgl-ready .artwork{animation:none}h1{font-weight:400;font-size:clamp(64px,7.5vw,120px);letter-spacing:-.065em;line-height:.98;margin:28px 0 28px;max-width:720px}h1 span{display:block}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}h1 em{font-size:1.3em;color:var(--amber);line-height:.9;display:block}.intro{max-width:495px;font-size:20px;line-height:1.52;color:#cfb6df;margin:34px 0 35px}.hero-content{width:50%;position:relative;z-index:1}.actions{display:flex;gap:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 25px;border-radius:12px;font-size:15px;border:1px solid transparent;transition:background .25s,box-shadow .25s,transform .3s var(--ease);line-height:1.3}.primary{background:var(--mint);color:#10241c;box-shadow:0 0 0 #b9ead600}.primary:hover{background:#c6f9e4;box-shadow:0 0 35px #89efc624}.secondary{border-color:#a48daf;background:#0e142b30;color:#d7c7e9}.secondary:hover{background:#b9ead610;border-color:#d4c4e8}.pulse-control{position:absolute;bottom:110px;right:13%;background:transparent;border:0;color:#d9c2e5;font-size:11px;letter-spacing:1.8px;padding:14px;display:flex;align-items:center;gap:12px;z-index:2}.pulse-dot{height:5px;width:5px;background:#baead7;border-radius:50%;box-shadow:0 0 14px #baead7}.hero-base{position:absolute;bottom:22px;left:3.5%;right:3.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#ad99bf;font-size:12px;letter-spacing:.7px;padding-top:20px}.hero-base a{display:flex;gap:20px;align-items:center}.hero-base svg{transform:rotate(90deg);width:18px}
.section{margin:0 4.4%;padding:100px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px;gap:25px}h2{font-size:clamp(40px,5.4vw,84px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:0}.section-heading p{font-size:16px;max-width:230px;color:var(--muted)}.project{border-top:1px solid var(--line);min-height:275px;position:relative;display:flex;padding:40px 0;overflow:hidden}.project:last-child{border-bottom:1px solid var(--line)}.project-copy{position:relative;z-index:1;max-width:500px}.project h3{font-size:38px;font-weight:400;letter-spacing:-1.4px;margin:0}.project p{font-size:18px;color:var(--muted);margin:0 0 28px}.project-meta{display:flex;gap:25px;font-size:12px;color:#cfbdde;flex-wrap:wrap}.text-link{display:flex;gap:22px;align-items:center;border:0;border-bottom:1px solid #b9ead664;background:none;padding:8px 0;margin-top:18px;font-size:13px;color:var(--mint)}.text-link svg{width:18px;transition:transform .3s}.text-link:hover svg{transform:translateX(5px)}.wave-art{position:absolute;right:-2%;top:0;height:100%;width:57%;opacity:.75;pointer-events:none;transition:opacity .4s,transform .6s}.wave-art svg{width:100%;height:100%;overflow:visible}.wave-art path{fill:none;stroke-width:.75;animation:dash 13s linear infinite;stroke-dasharray:550 140}.project:hover .wave-art{opacity:1;transform:scale(1.06)}.illustration-label{position:absolute;right:0;bottom:16px;color:#c5b1ce;font-size:10px;letter-spacing:.5px}@keyframes dash{to{stroke-dashoffset:-690}}.services{display:grid;grid-template-columns:.85fr 1.5fr;gap:60px;padding-top:65px}.services h2{font-size:clamp(38px,4.5vw,72px)}.service{display:grid;grid-template-columns:28px 1fr 1.2fr 22px;gap:18px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:25px 0;align-items:center;transition:padding .3s,background .3s}.service:hover{padding-left:12px;background:#d3b4e405}.service .number{color:#ac92c1;font-size:11px}.service h3{font-size:19px;font-weight:400;margin:0}.service p{font-size:14px;color:var(--muted);line-height:1.5;margin:0}.service svg{width:18px;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:45px;border-bottom:1px solid var(--line);padding:20px 0 70px}.process>div{position:relative}.process span{font:32px Georgia,serif;color:#dcc8e7}.process h3{font-size:18px;font-weight:400;color:#c9b6d6;line-height:1.5}.process>div:after{content:'';position:absolute;top:20px;left:65px;right:0;height:1px;background:var(--line)}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:100px 0;border-bottom:1px solid var(--line)}.about-lead{font-size:24px;color:var(--muted);line-height:1.45}.about-body{align-self:center;color:var(--muted);font-size:19px;max-width:520px}.contact{text-align:center;padding:135px 0 155px;background:radial-gradient(ellipse at center,#1a5b4922,transparent 60%)}.contact h2{font-size:clamp(50px,7.3vw,112px)}.contact p{font-size:20px;color:#c3dcd3;margin:35px 0}.contact .button{border-radius:40px;padding:20px 33px}footer{margin:0 4.4%;padding:26px 0 35px;border-top:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:15px}footer a,.prototype-note{font-size:11px;color:#b5a2c0}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.visible{opacity:1;transform:none}
dialog{background:#171624;color:var(--text);border:1px solid #b7a2cc55;border-radius:18px;padding:42px;max-width:650px;width:calc(100% - 36px);max-height:85svh;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#080711bb;backdrop-filter:blur(12px)}dialog h2{font-size:42px;margin-bottom:20px}dialog p{color:var(--muted)}#dialog-kind{font-size:12px;color:var(--mint)}.close{position:absolute;right:16px;top:10px;background:none;border:0;font-size:30px;color:#d8c8e4}dialog label{display:block;font-size:14px;color:#d9c7e3;margin:18px 0 6px}dialog input,dialog textarea{display:block;width:100%;background:#090c1666;border:1px solid #78648777;border-radius:8px;padding:12px;color:var(--text);resize:vertical}dialog textarea{min-height:135px}dialog .button{margin-top:18px}dialog a{color:var(--mint);text-decoration:underline;text-underline-offset:4px}.form-note{font-size:12px}.motion-off *,.motion-off *:before,.motion-off *:after{animation-play-state:paused!important}.motion-off .magnetic{transform:none!important}.motion-off .reveal{opacity:1;transform:none;transition:none}.motion-off .cursor-light{display:none}.motion-off #ribbon{transition:none}html:has(body.motion-off){scroll-behavior:auto}@keyframes fallback-drift{to{transform:scale(1.03)}}
@media(min-width:1700px){.hero{padding-top:125px}h1{font-size:125px}.hero-content{margin-left:1%}}
@media(max-width:1100px){header{gap:20px}nav{gap:20px}.utilities{gap:12px}.hero{height:800px;min-height:calc(100svh - 98px);padding-top:105px}h1{font-size:8.2vw}.hero-content{width:56%}.intro{font-size:18px;max-width:410px}.button{padding:15px 19px;font-size:13px}.actions{gap:14px}.services{gap:40px;grid-template-columns:.7fr 1.2fr}.service{grid-template-columns:20px 1fr 18px}.service p{grid-column:2;grid-row:2}.service svg{grid-column:3;grid-row:1}.about{gap:50px}}
@media(max-width:700px){header{height:80px;margin:0 6%;gap:15px}.brand{font-size:21px}nav{display:none}.utilities{margin-left:auto}#language{padding-left:10px;font-size:11px;border:0}#motion{width:35px;height:35px}.hero{padding:45px 6% 90px;height:auto;min-height:990px}.hero-content{width:100%}h1{font-size:clamp(56px,13vw,85px);margin:24px 0 22px}.intro{font-size:16px;max-width:370px;margin:25px 0}.actions{gap:10px}.button{font-size:12px;padding:14px 17px}.artwork{inset:310px 0 40px;background-position:74% center}.artwork:after{background:linear-gradient(0deg,#100e1c,transparent 25%,transparent 70%,#100e1c)}.pulse-control{bottom:106px;right:auto;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;letter-spacing:1px}.hero-base{left:6%;right:6%;align-items:flex-end;gap:16px;font-size:10px;padding-top:16px}.hero-base p{max-width:220px}.hero-base a span{display:none}.section{margin:0 6%;padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading p{max-width:100%;font-size:14px}.section h2{font-size:43px}.project{min-height:350px;padding:28px 0}.project h3{font-size:31px}.project p{font-size:15px}.project-meta{font-size:10px;gap:15px}.wave-art{top:140px;width:100%;height:200px;opacity:.45}.project-copy{width:90%}.illustration-label{font-size:9px}.text-link{font-size:12px}.services{display:block}.services h2{margin-bottom:25px}.service{grid-template-columns:22px 1fr 20px;padding:22px 0}.service h3{font-size:18px}.service p{font-size:13px}.process{grid-template-columns:1fr 1fr;gap:25px;padding-top:10px}.process h3{font-size:15px}.about{display:block}.about-lead{font-size:21px}.about-body{font-size:17px}.contact{padding:70px 0 90px}.contact h2{font-size:51px}.contact p{font-size:17px}footer{margin:0 6%;flex-wrap:wrap}.prototype-note{order:3;width:100%;font-size:10px}dialog{padding:35px 24px}.cursor-light{display:none}html[lang=ro] #hero-title{font-size:clamp(47px,11.3vw,68px)}}
.process h3,.about-lead{white-space:pre-line}
@media(min-width:701px) and (max-height:820px){header{height:78px}.hero{height:calc(100svh - 78px);min-height:600px;padding-top:32px}.artwork{top:-78px}h1{font-size:min(7.5vw,10.5vh);margin-top:24px;margin-bottom:20px}.intro{font-size:17px;max-width:430px;margin:24px 0}.button{padding:15px 22px}.hero-base{bottom:15px;padding-top:13px}.pulse-control{bottom:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.cursor-light{display:none}}

#scroll-threads{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.motion-off #scroll-threads{visibility:hidden}
@media(prefers-reduced-motion:reduce){#scroll-threads{display:none}}
html{scroll-padding-top:118px}
header{position:sticky;top:0;z-index:20;margin:0;padding:0 3.5%;background:#100e1cd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero{display:flex;flex-direction:column;height:auto;max-height:none;min-height:max(880px,calc(100svh - 98px));padding-bottom:22px;gap:100px}
.hero-content{flex-shrink:0}
.hero-base{position:relative;left:auto;right:auto;bottom:auto;margin-top:auto;flex-shrink:0}
.project-copy{width:45%}
@media(min-width:701px) and (max-height:820px){html{scroll-padding-top:98px}.hero{height:auto;min-height:max(600px,calc(100svh - 78px));padding-bottom:15px}.hero-base{bottom:auto}}
@media(max-width:700px){
  html{scroll-padding-top:128px}
  header{height:112px;padding:12px 6% 8px;display:grid;grid-template-columns:1fr auto;gap:8px 12px}
  header nav{display:flex;grid-row:2;grid-column:1/-1;justify-content:space-between;gap:12px;margin:0;font-size:12px}
  header nav a{padding:4px 0}
  .utilities{grid-row:1;grid-column:2}
  .hero{min-height:990px;padding-bottom:22px;gap:100px}
  .hero-base{left:auto;right:auto;bottom:auto}
  .project-copy{width:100%}
}

/* Project cards share the site's dark surfaces, soft corners, and mint accents. */
.case-section{margin:24px 0}.case-section h3{font-size:17px;font-weight:400;color:var(--mint);margin:0 0 8px}.case-section p{margin:0;line-height:1.65}
.project-list{display:grid;gap:20px}
.project-list .project{min-height:0;padding:34px 38px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(115deg,#1c1929ed,#12151fe8);isolation:isolate;transition:border-color .3s,background .3s}
.project-list .project:hover,.project-list .project:focus-within{border-color:#b9ead66b;background:linear-gradient(115deg,#211d31f5,#14251fee)}
.project-list .project-copy{width:100%;max-width:850px}
.project-list h3{font-size:clamp(25px,2.6vw,36px);line-height:1.2;letter-spacing:-.035em;margin-bottom:14px;text-wrap:balance}
.project-list .project p{font-size:16px;line-height:1.7;max-width:780px;margin:0 0 22px;color:#cfc1db}
.project-list .project-meta{list-style:none;padding:0;margin:0;gap:8px;font-size:11px;line-height:1.5}
.project-meta li{padding:5px 11px;border:1px solid #d8bce41c;border-radius:999px;background:#c7a9e40b;color:#d0bddf}
.project-meta .project-status{color:var(--mint);border-color:#b9ead629;background:#b9ead60b}
.project-status:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:7px}
.project-list .text-link{margin-top:22px}
.project-list .wave-art{width:36%;right:-10%;opacity:.2;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 65%)}
.project-list .project:hover .wave-art{opacity:.38}
@media(max-width:1100px){.project-list .project-copy{max-width:90%}}
@media(max-width:700px){
  .project-list{gap:16px}
  .project-list .project{padding:25px 22px;border-radius:16px}
  .project-list .project-copy{max-width:100%}
  #details h2{font-size:clamp(28px,8vw,36px);line-height:1.15}
  .project-list h3{font-size:27px}
  .project-list .project p{font-size:15px;line-height:1.65;margin-bottom:20px}
  .project-list .project-meta{font-size:10px;gap:7px}
  .project-meta li{padding:5px 9px}
  .project-list .wave-art{top:0;height:100%;width:65%;right:-30%;opacity:.13}
}