.ref-site{--bg:#07090b;--panel:#0d1013;--panel2:#11151a;--text:#f4f5f5;--muted:#92979d;--line:#ffffff1f;--green:#46f57a;background:var(--bg);color:var(--text);min-height:100vh;font-family:var(--font-geist-sans);overflow:hidden}.ref-site *{box-sizing:border-box}.ref-site a{color:inherit;text-decoration:none}.ref-nav{z-index:30;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:80px;padding:0 6.5vw;display:grid;position:absolute;top:0;left:0}.ref-logo{letter-spacing:-.12em;font-size:21px;font-weight:700}.ref-nav nav{gap:40px;display:flex}.ref-nav nav a,.ref-langs button{text-transform:uppercase;color:#b7bbc0;font-size:11px;transition:color .2s}.ref-nav nav a:hover{color:#fff}.ref-actions{justify-self:end;align-items:center;gap:26px;display:flex}.ref-langs{gap:3px;display:flex}.ref-langs button{cursor:pointer;background:0 0;border:0;padding:8px 5px}.ref-langs button.active{color:#fff}.talk-button{text-transform:uppercase;border:1px solid #3a3f44;border-radius:100px;align-items:center;gap:15px;padding:13px 24px;font-size:11px;display:flex}.talk-button i{background:var(--green);width:5px;height:5px;box-shadow:0 0 10px var(--green);border-radius:50%}.ref-menu,.ref-mobile-menu{display:none}.ref-hero{grid-template-columns:1.05fr .95fr;height:950px;min-height:100svh;padding:80px 6.5vw 0;display:grid;position:relative;overflow:hidden}.hero-glow{filter:blur(30px);background:radial-gradient(#3743533b,#0000 67%);width:55vw;height:75vh;position:absolute;top:12%;right:9%}.hero-copy{z-index:3;align-self:center;padding-bottom:6vh;position:relative}.hero-name{letter-spacing:.14em;color:#9ba0a7;font-size:14px}.hero-copy h1{letter-spacing:-.055em;max-width:790px;margin:34px 0 25px;font-size:clamp(52px,5.2vw,96px);font-weight:460;line-height:1.02}.hero-copy h1 em{color:#7b8087;font-style:normal}.hero-copy>p{color:#aeb2b7;max-width:660px;font-size:clamp(17px,1.2vw,22px);line-height:1.55}.text-link{text-transform:uppercase;align-items:center;gap:14px;width:max-content;margin-top:48px;font-size:12px;display:flex}.text-link svg{width:16px}.portrait-wrap{z-index:2;align-self:end;height:86%;position:relative}.portrait{object-fit:cover;object-position:55% center;filter:saturate(.84)contrast(1.06);width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14% 90%,#0000 100%)}.portrait-wrap:after{content:"";background:linear-gradient(90deg,var(--bg) 0,transparent 18%,transparent 70%,#07090b38);pointer-events:none;position:absolute;inset:0}.availability{text-align:center;text-transform:uppercase;letter-spacing:.11em;color:#c0c4c8;z-index:3;border:1px solid #373c42;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:118px;height:118px;font-size:9px;display:flex;position:absolute;top:28%;right:4%}.availability svg{width:18px}.scroll-dot{z-index:4;border:1px solid #3d4248;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:22px;left:6.5vw}.scroll-dot svg{width:13px}.ref-hero:after{content:"";background:var(--line);height:1px;position:absolute;bottom:0;left:0;right:0}.ref-projects{background:#090b0d;padding:110px 6.5vw 140px}.projects-head{grid-template-columns:1fr 1fr;align-items:end;gap:10vw;display:grid}.projects-head span,.about-copy>span,.journey-title>span,.ref-skills>div:first-child>span,.ref-contact>span{font:10px var(--font-geist-mono);letter-spacing:.14em;color:#858b91}.projects-head h2,.journey-title h2{letter-spacing:-.05em;margin:13px 0 0;font-size:clamp(40px,4vw,72px);font-weight:470}.projects-head>p{color:#979ca2;max-width:520px;line-height:1.5}.project-filters{gap:8px;margin:50px 0 28px;display:flex;overflow-x:auto}.project-filters button{white-space:nowrap;color:#a8adb2;cursor:pointer;background:#111419;border:1px solid #262a2f;border-radius:8px;padding:11px 18px;font-size:10px}.project-filters button.active{color:#111;background:#e9ebec;border-color:#e9ebec}.projects-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.projects-grid article{background:#0d1013;border:1px solid #23272c;border-radius:10px;transition:transform .35s,border-color .35s;overflow:hidden}.projects-grid article:hover{border-color:#41474e;transform:translateY(-5px)}.project-thumb{background:radial-gradient(circle at 50% 70%,#223046,#0b0e12 65%);align-items:flex-end;height:270px;padding:22px;display:flex;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-thumb>span{font:10px var(--font-geist-mono);color:#a9afb5;position:absolute;top:17px;left:18px}.project-thumb>strong{z-index:2;letter-spacing:-.04em;width:70%;font-size:24px;line-height:1;position:relative}.thumb-ui{background:#05080cb3;border:1px solid #ffffff29;border-radius:7px;width:42%;height:58%;padding:12px;position:absolute;top:45px;right:18px}.thumb-ui i{background:#ffffff1a;border-radius:2px;height:16%;margin-bottom:9px;display:block}.thumb-ui i:nth-child(2){background:linear-gradient(135deg,#46f57a47,#4354ff38);height:38%}.thumb-1{background:radial-gradient(circle at 60% 55%,#3d3329,#0c0e0e 69%)}.thumb-2{background:radial-gradient(circle at 60% 55%,#263b46,#090b0e 69%)}.thumb-3{background:radial-gradient(circle at 60% 55%,#322547,#0a0b0e 69%)}.thumb-4{background:radial-gradient(circle at 60% 55%,#29312b,#090b0c 69%)}.thumb-5{background:radial-gradient(circle at 60% 55%,#3e292c,#090b0c 69%)}.project-info{padding:20px 22px 24px}.project-info>span{font:9px var(--font-geist-mono);text-transform:uppercase;color:#858a90}.project-info h3{letter-spacing:-.035em;margin:12px 0;font-size:22px;font-weight:470}.project-info p{color:#8f949a;min-height:58px;font-size:13px;line-height:1.5}.project-info small{font:9px var(--font-geist-mono);color:#b8bdc2}.project-info a{align-items:center;gap:7px;margin-top:18px;font-size:11px;display:flex}.project-info a svg{width:14px}.ref-about{border-top:1px solid var(--line);background:#080a0c;grid-template-columns:1.05fr .95fr;min-height:920px;padding:120px 6.5vw 0;display:grid}.about-copy{align-self:center;padding-right:6vw}.about-copy h2{letter-spacing:-.055em;margin:30px 0;font-size:clamp(50px,5.3vw,95px);font-weight:470;line-height:1}.about-copy>p{color:#9ba0a6;max-width:670px;font-size:16px;line-height:1.65}.about-facts{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px;display:grid}.about-facts>div{color:#bbc0c4;align-items:flex-start;gap:10px;font-size:11px;line-height:1.45;display:flex}.about-facts svg{flex:none;width:17px}.about-photo{align-self:end;height:100%;position:relative;overflow:hidden}.about-photo img{object-fit:cover;object-position:center;filter:saturate(.65)contrast(1.08);width:100%;height:100%;-webkit-mask-image:linear-gradient(#0000 0%,#000 25%);mask-image:linear-gradient(#0000 0%,#000 25%)}.photo-line{background:linear-gradient(90deg,transparent,var(--green),transparent);height:1px;position:absolute;top:30%;left:0;right:0}.ref-journey{background:#0d1013;grid-template-columns:.8fr 1.2fr;gap:10vw;padding:120px 6.5vw;display:grid}.timeline{border-left:1px solid #353a40}.timeline>div{padding:10px 0 65px 50px;position:relative}.timeline i{background:#0d1013;border:2px solid #8e959c;border-radius:50%;width:9px;height:9px;position:absolute;top:10px;left:-5px}.timeline span{font:9px var(--font-geist-mono);color:var(--green)}.timeline h3{margin:16px 0;font-size:28px;font-weight:470}.timeline p{color:#92979d;max-width:520px;line-height:1.55}.ref-skills{grid-template-columns:.7fr 1.3fr;gap:10vw;padding:120px 6.5vw;display:grid}.ref-skills>div:first-child{align-self:start;position:sticky;top:90px}.ref-skills h2{letter-spacing:-.055em;margin:30px 0;font-size:clamp(48px,5vw,88px);font-weight:470;line-height:.96}.ref-skills>div:first-child p{color:#8e949a;line-height:1.5}.skill-groups>div{border-top:1px solid var(--line);grid-template-columns:50px .7fr 1fr;align-items:center;gap:25px;min-height:140px;display:grid}.skill-groups span{font:9px var(--font-geist-mono);color:var(--green)}.skill-groups h3{font-size:28px;font-weight:470}.skill-groups p{color:#92979d;font-size:13px;line-height:1.5}.ref-contact{border-top:1px solid var(--line);background:#0a0c0f;flex-direction:column;min-height:85vh;padding:120px 6.5vw 35px;display:flex}.ref-contact h2{letter-spacing:-.075em;margin:11vh 0;font-size:clamp(70px,10vw,180px);font-weight:460;line-height:.8}.ref-contact h2 em{color:#6c7279;font-style:normal}.contact-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:auto;display:grid}.contact-grid>div{border-right:1px solid var(--line);padding:22px 0}.contact-grid span{color:#7d8389;font-size:10px;display:block}.contact-grid strong{margin-top:8px;font-size:13px;font-weight:450;display:block}.ref-contact footer{border-top:1px solid var(--line);color:#94999e;justify-content:space-between;padding-top:22px;font-size:10px;display:flex}.ref-contact footer a{align-items:center;gap:5px;display:flex}.ref-contact footer svg{width:12px}@media (max-width:900px){.ref-nav{grid-template-columns:1fr auto;height:68px;padding:0 20px}.ref-nav nav,.ref-actions{display:none}.ref-menu{color:#fff;background:0 0;border:0;display:block}.ref-mobile-menu{z-index:25;background:#080a0c;flex-direction:column;padding:110px 20px 30px;display:flex;position:fixed;inset:0}.ref-mobile-menu>a{letter-spacing:-.06em;font-size:13vw;line-height:1.02}.ref-mobile-menu>div{gap:10px;margin-top:auto;display:flex}.ref-mobile-menu button{color:#fff;background:0 0;border:1px solid #555;padding:10px 16px}.ref-hero{grid-template-columns:1fr;height:100svh;min-height:780px;padding:90px 20px 0}.hero-copy{align-self:start;padding-top:8vh}.hero-copy h1{font-size:12.5vw}.hero-copy>p{max-width:90%;font-size:16px}.text-link{margin-top:30px}.portrait-wrap{opacity:.72;width:75%;height:58%;position:absolute;bottom:0;right:-8%}.availability{display:none}.scroll-dot{left:20px}.ref-projects{padding:90px 20px}.projects-head{grid-template-columns:1fr;gap:22px}.projects-grid{grid-template-columns:1fr}.project-thumb{height:250px}.ref-about{grid-template-columns:1fr;padding:90px 20px 0}.about-copy{padding:0}.about-copy h2{font-size:12vw}.about-facts{grid-template-columns:1fr}.about-photo{height:620px}.ref-journey,.ref-skills{grid-template-columns:1fr;padding:90px 20px}.ref-skills>div:first-child{position:static}.skill-groups>div{grid-template-columns:35px 1fr}.skill-groups p{grid-column:2}.ref-contact{padding:90px 20px 25px}.ref-contact h2{margin:13vh 0;font-size:18vw}.contact-grid{grid-template-columns:1fr}.contact-grid>div{border-right:0;border-bottom:1px solid var(--line)}.ref-contact footer{flex-wrap:wrap;gap:20px}}@media (min-width:901px){.availability{width:104px;height:104px;font-size:8px;top:34%;left:auto;right:0}}.portrait{object-fit:cover;object-position:right bottom;filter:saturate(.9)contrast(1.03);will-change:transform;-webkit-mask-image:none;mask-image:none}.portrait-wrap:after{background:linear-gradient(90deg,var(--bg),transparent 20%,transparent 100%)}.about-photo img{object-fit:cover;object-position:right bottom;-webkit-mask-image:linear-gradient(#0000 0%,#000 12%);mask-image:linear-gradient(#0000 0%,#000 12%)}.project-card{width:100%;color:inherit;text-align:left;cursor:pointer;background:#0d1013;border:1px solid #23272c;border-radius:10px;padding:0;transition:transform .38s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;display:block;overflow:hidden}.project-card:hover{border-color:#4a5159;transform:translateY(-7px);box-shadow:0 26px 70px #00000047}.project-card:focus-visible{outline-offset:4px;outline:2px solid #f4f5f5}.project-card:hover .project-thumb{transform:scale(1.015)}.project-thumb{transition:transform .7s cubic-bezier(.16,1,.3,1)}.project-info em{color:#dadddf;font:10px var(--font-geist-mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;margin-top:20px;font-style:normal;display:flex}.project-info em svg{width:13px;transition:transform .25s}.project-card:hover .project-info em svg{transform:translate(3px,-3px)}.contact-v2{min-height:100svh;padding-bottom:32px}.contact-v2 h2{margin:10vh 0 12vh}.contact-studio{border-top:1px solid var(--line);grid-template-columns:1.25fr .75fr;gap:8vw;padding:46px 0 80px;display:grid}.contact-builder>p,.direct-contact>p{color:#899097;font:9px var(--font-geist-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 24px}.contact-choices{flex-wrap:wrap;gap:8px;margin-bottom:44px;display:flex}.contact-choices button{color:#9299a0;cursor:pointer;background:#0d1013;border:1px solid #2e343a;border-radius:100px;align-items:center;gap:12px;padding:11px 13px 11px 16px;font-size:11px;transition:all .25s;display:flex}.contact-choices button:hover,.contact-choices button.active{color:#101214;background:#eef0f1;border-color:#eef0f1}.check-dot{border:1px solid;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.check-dot svg{width:11px}.contact-builder form>div{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contact-builder label{color:#747b82;font:9px var(--font-geist-mono);text-transform:uppercase;letter-spacing:.1em;display:block}.contact-builder input,.contact-builder textarea{color:#fff;width:100%;font:14px var(--font-geist-sans);resize:vertical;background:0 0;border:0;border-bottom:1px solid #363c42;outline:0;margin:5px 0 22px;padding:12px 0;transition:border-color .25s;display:block}.contact-builder input:focus,.contact-builder textarea:focus{border-color:#fff}.send-button{color:#0c0e10;cursor:pointer;text-transform:uppercase;background:#f1f3f3;border:1px solid #3b4249;border-radius:100px;align-items:center;gap:24px;padding:14px 20px;font-size:11px;transition:background .25s;display:flex}.send-button:hover{background:var(--green)}.send-button svg{width:15px}.direct-contact{border-left:1px solid var(--line);padding-left:4vw}.direct-contact>div{flex-direction:column;display:flex}.direct-contact a{border-bottom:1px solid var(--line);grid-template-columns:25px 1fr 17px;align-items:center;gap:13px;padding:18px 0;transition:padding .25s,color .25s;display:grid}.direct-contact a:hover{color:#fff;padding-left:10px}.direct-contact a>svg{width:17px}.direct-contact a>svg:last-child{width:13px}.direct-contact a span{flex-direction:column;gap:5px;display:flex}.direct-contact small{color:#6e757c;font:8px var(--font-geist-mono);text-transform:uppercase;letter-spacing:.1em}.direct-contact strong{word-break:break-word;font-size:12px;font-weight:450}.contact-v2 footer{margin-top:auto}.case-modal{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.case-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d6;border:0;position:absolute;inset:0}.case-modal article{background:#0c0f12;border:1px solid #32383e;width:min(1120px,96vw);max-height:92vh;animation:.55s cubic-bezier(.16,1,.3,1) caseIn;position:relative;overflow:auto;box-shadow:0 50px 140px #000000a6}.case-modal header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:66px;padding:0 26px;display:flex}.case-modal header>span{font:9px var(--font-geist-mono);color:#8d949b;text-transform:uppercase;letter-spacing:.14em}.case-modal header button{color:#fff;cursor:pointer;background:0 0;border:1px solid #373e45;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.case-modal header svg{width:15px}.case-modal-visual{background:radial-gradient(circle at 65%,#273749,#0a0c0f 67%);align-items:flex-end;height:360px;padding:34px;display:flex;position:relative;overflow:hidden}.case-modal-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-modal-visual i{font:9px var(--font-geist-mono);color:#9fa6ad;letter-spacing:.15em;font-style:normal;position:absolute;top:30px;left:34px}.case-modal-visual strong{letter-spacing:-.06em;max-width:720px;font-size:clamp(42px,6vw,86px);line-height:.88;position:relative}.case-modal-copy{grid-template-columns:1fr 2fr;gap:26px 50px;padding:45px;display:grid}.case-modal-copy>span,.case-modal-copy small{font:9px var(--font-geist-mono);color:#717980;letter-spacing:.13em}.case-modal-copy h2{letter-spacing:-.045em;margin:0;font-size:36px;font-weight:470}.case-modal-copy>p{color:#a2a8ae;grid-column:2;margin:0;line-height:1.65}.case-modal-copy>div{border-top:1px solid var(--line);flex-direction:column;grid-column:2;gap:10px;padding-top:20px;display:flex}.case-modal-copy>div strong{font-size:12px;font-weight:450}.case-modal-copy>a{border-bottom:1px solid #fff;grid-column:2;align-items:center;gap:8px;width:max-content;padding-bottom:7px;font-size:11px;display:flex}.case-modal-copy>a svg{width:14px}@keyframes caseIn{0%{opacity:0;transform:translateY(40px)scale(.97)}}@media (max-width:900px){.portrait-wrap{opacity:.86;width:82%;height:56%;right:-5%}.portrait-wrap:after{background:linear-gradient(90deg,var(--bg),transparent 25%)}.project-card{border-color:#262b30}.contact-studio{grid-template-columns:1fr;gap:70px}.direct-contact{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}.contact-v2 h2{margin:12vh 0}.case-modal{padding:0}.case-modal article{border:0;width:100%;height:100%;max-height:none}.case-modal-visual{height:34vh}.case-modal-copy{grid-template-columns:1fr;padding:28px 20px}.case-modal-copy>p,.case-modal-copy>div,.case-modal-copy>a{grid-column:1}.case-modal-copy h2{font-size:34px}}@media (max-width:560px){.contact-builder form>div{grid-template-columns:1fr}.contact-studio{padding-top:35px}.contact-choices button{font-size:10px}.case-modal-visual{height:30vh;padding:22px}.case-modal-visual strong{font-size:42px}.case-modal-visual i{top:20px;left:22px}}.ref-hero:after{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#090b0d9e 58%,#090b0d 100%);height:150px;bottom:0;left:0;right:0}.ref-projects{background:linear-gradient(#090b0d 0%,#080a0c 22%,#090b0d 100%);border-top:0;position:relative}.ref-about{background:linear-gradient(135deg,#080a0c 0%,#090c0f 58%,#07090b 100%);border-top:0;position:relative;overflow:hidden}.ref-about:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#090b0d,#0000);height:150px;position:absolute;top:0;left:0;right:0}.about-copy{z-index:2;position:relative}.about-photo{overflow:visible}.about-photo:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#080a0c 0%,#080a0cd6 13%,#0000 38%),linear-gradient(#0000 82%,#0d1013 100%);position:absolute;inset:0 -7vw 0 -15%}.photo-line{display:none!important}.contact-v2{overflow:hidden}.contact-v2 h2{margin:9vh 0 16vh;font-size:clamp(68px,8.7vw,158px);line-height:.84}.contact-studio{padding-bottom:clamp(180px,20vh,300px)}.contact-v2 footer{justify-content:space-between}@media (min-width:901px){.ref-hero{grid-template-columns:minmax(0,1.02fr) minmax(620px,.98fr)}.hero-copy{align-self:start;padding-top:clamp(135px,14vh,180px);padding-bottom:0}.portrait-wrap{height:94%;margin-right:-6.5vw;overflow:visible}.portrait-wrap:before{content:"";z-index:-1;filter:blur(18px);background:radial-gradient(at 60% 45%,#303b4852,#12171d29 48%,#0000 72%);width:115%;height:88%;position:absolute;bottom:2%;right:-4%}.portrait{object-fit:initial;object-position:initial;width:auto;max-width:none;height:100%;position:absolute;bottom:0;right:0}.portrait-wrap:after{z-index:1;background:linear-gradient(90deg,var(--bg) 0%,#07090beb 11%,#07090b61 27%,transparent 42%),linear-gradient(to top,#090b0d 0%,#090b0da8 7%,transparent 19%);inset:-8% 0 0 -24%}.availability{z-index:3;top:36%;left:auto;right:7vw}.ref-projects{padding-top:125px}.about-copy{align-self:start;padding-top:clamp(135px,14vh,180px)}.about-photo{margin-right:-6.5vw}}@media (max-width:900px){.ref-hero:after{height:110px}.portrait-wrap{width:94%;height:59%;right:-16%;overflow:visible}.portrait{object-fit:cover;object-position:right bottom}.portrait-wrap:after{background:linear-gradient(90deg,var(--bg),transparent 38%),linear-gradient(to top,#090b0d,transparent 24%);inset:0}.about-photo:after{background:linear-gradient(90deg,#080a0c,#0000 36%),linear-gradient(#0000 78%,#0d1013);inset:0}.contact-v2 h2{margin:10vh 0 16vh;font-size:17vw}.contact-studio{padding-bottom:150px}}