@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500;600&display=swap";:root{color-scheme:dark;font-family:Manrope,Noto Sans SC,sans-serif;color:#eef8f5;background:#061412;font-synthesis:none;--line: rgba(225,255,247,.18);--glass: rgba(8,27,25,.62);--muted: rgba(232,248,243,.64);--aqua: #9fffea}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#061412}body{margin:0;min-width:320px;background:#061412;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.site-shell{overflow:clip;background:#061412}.boot-screen{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:18px;background:#04100e;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .65s cubic-bezier(.77,0,.18,1),visibility .65s}.boot-screen.is-active{opacity:1;visibility:visible}.boot-mark{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;letter-spacing:.42em;transform:translateY(0);transition:transform .7s ease}.boot-mark span{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 18px var(--aqua);animation:pulse 1.15s ease-in-out infinite}.boot-line{width:min(300px,62vw);height:1px;background:#ffffff1f;overflow:hidden}.boot-line i{display:block;height:100%;background:var(--aqua);transform-origin:left;animation:loadline 1.25s cubic-bezier(.76,0,.24,1) both}.boot-screen small{text-align:center;color:#ffffff61;font-size:7px;letter-spacing:.28em}.scene-curtain{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:20px;padding:8vw;background:#061412;transform:translateY(101%);pointer-events:none;transition:transform .52s cubic-bezier(.77,0,.18,1)}.scene-curtain.is-active{transform:translateY(0)}.scene-curtain>span{font-size:clamp(70px,12vw,180px);font-weight:300;color:var(--aqua);opacity:.18}.scene-curtain>i{height:1px;flex:1;background:#ffffff2e;transform:scaleX(0);transform-origin:left;transition:transform .45s .18s ease}.scene-curtain.is-active>i{transform:scaleX(1)}.scene-curtain small{font-size:9px;letter-spacing:.25em;color:var(--muted)}.scroll-progress{position:fixed;z-index:40;right:0;top:0;width:2px;height:100svh;background:#ffffff12;pointer-events:none}.scroll-progress i{display:block;width:100%;height:100%;background:var(--aqua);transform:scaleY(var(--page-progress,0));transform-origin:top;box-shadow:0 0 12px #9fffea99}.cursor-glow{position:fixed;z-index:20;pointer-events:none;width:320px;height:320px;left:calc(var(--x, 50vw) - 160px);top:calc(var(--y, 50vh) - 160px);border-radius:50%;background:radial-gradient(circle,rgba(118,255,224,.1),transparent 68%);mix-blend-mode:screen;transition:left .12s linear,top .12s linear}.topbar{position:fixed;z-index:30;inset:0 0 auto;height:74px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(to bottom,rgba(2,10,9,.75),transparent);transform:translateY(-100%);transition:transform .8s .35s cubic-bezier(.2,.8,.2,1),background .35s}.is-ready .topbar{transform:translateY(0)}.wordmark,.nav-links button,.menu-button{border:0;background:none;cursor:pointer}.wordmark{letter-spacing:.22em;font-weight:600;font-size:12px;display:flex;align-items:center;gap:8px}.wordmark small{opacity:.45;font-weight:400}.wordmark-dot{width:5px;height:5px;background:var(--aqua);border-radius:50%;box-shadow:0 0 12px var(--aqua)}.nav-links{display:flex;gap:8px;padding:4px;border:1px solid rgba(255,255,255,.1);background:#05141259;border-radius:999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-links button{padding:8px 16px;color:#ffffffb8;font-size:12px;border-radius:99px;transition:.25s ease}.nav-links button:hover{color:#fff;background:#ffffff1c}.menu-button{display:none}.scene{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1);perspective:1100px}.scene:after{content:"";position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(190,255,238,.05) 48%,transparent 70%);transform:translate(calc(var(--scene-progress,0) * 35%));opacity:.18}.scene-image{position:absolute;z-index:-3;top:-5%;right:-5%;bottom:-5%;left:-5%;background-size:cover;background-position:center;transform:translate3d(calc(var(--pointer-x,0) * -12px),calc(var(--scene-progress,0) * 7vh + var(--pointer-y,0) * -8px),0) scale(1.11);transition:filter .8s ease;will-change:transform}.hero-image{background-image:url(/images/soluvi-hero-city-cat.png)}.studio-image{background-image:url(/images/soluvi-studio-water.png)}.vignette{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 58% 48%,transparent 15%,rgba(2,10,9,.18) 53%,rgba(2,9,8,.73) 100%),linear-gradient(90deg,rgba(2,10,9,.64),transparent 48%,rgba(2,10,9,.12))}.hero-copy{position:absolute;left:clamp(28px,7vw,108px);bottom:clamp(96px,15vh,150px);max-width:640px}.kicker{font-size:10px;letter-spacing:.28em;font-weight:600;color:#dcfff6b3}.hero h1,.section-title h2,.contact h2{margin:18px 0;font-weight:400;letter-spacing:-.05em;line-height:.98;text-shadow:0 4px 40px rgba(0,0,0,.45)}.hero h1{font-size:clamp(48px,6.3vw,94px)}em{font-style:normal;color:var(--aqua)}.hero-copy>p:not(.kicker){font-size:14px;line-height:1.9;color:var(--muted)}.primary-cta{margin-top:22px;display:inline-flex;align-items:center;gap:28px;padding:12px 18px;border:1px solid rgba(255,255,255,.24);border-radius:99px;background:#ebfff9e6;color:#09221d;font-size:12px;cursor:pointer;transition:.3s ease}.primary-cta:hover{gap:38px;background:#fff;box-shadow:0 10px 40px #4febc733}.glass{background:var(--glass);border:1px solid rgba(209,255,244,.16);box-shadow:inset 0 1px #ffffff14,0 22px 70px #0000002e;-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%)}.profile-card{position:absolute;right:clamp(26px,7vw,108px);bottom:clamp(70px,11vh,110px);width:min(310px,30vw);padding:24px;border-radius:17px;animation:cardfloat 5.5s 2s ease-in-out infinite}.profile-card p,.contact-form>p{margin:0 0 10px;font-size:9px;letter-spacing:.24em;color:var(--muted)}.profile-card h2{margin:0 0 6px;font-size:23px;font-weight:500}.profile-card>span{color:var(--muted);font-size:11px}.profile-card div{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line);align-items:center}.profile-card small{color:#ffffff6b;font-size:7px}.profile-card b{font-size:10px;font-weight:500}.scene-index{position:absolute;left:clamp(28px,7vw,108px);right:clamp(28px,7vw,108px);bottom:26px;display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:.2em;color:#ffffff73}.scene-index{opacity:0;transform:translateY(12px);transition:opacity .7s 1.8s,transform .7s 1.8s}.is-ready .scene-index{opacity:1;transform:none}.scene-index i{height:1px;flex:1;background:#ffffff30;position:relative;overflow:hidden}.scene-index i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--aqua);transform:translate(-100%);animation:scanline 3.8s 2s ease-in-out infinite;opacity:.45}.projects .studio-image{filter:saturate(.95) brightness(.73)}.section-title{position:absolute;top:18%;left:clamp(28px,7vw,108px)}.section-title h2{font-size:clamp(46px,5.5vw,82px)}.section-title span{font-size:9px;letter-spacing:.16em;color:var(--muted)}.project-grid{position:absolute;width:min(700px,54vw);right:clamp(24px,5vw,78px);top:15%;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.project-card{min-height:270px;padding:22px;border-radius:18px;display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.2,.8,.2,1),background .35s ease,border-color .35s;transition-delay:var(--delay);transform-style:preserve-3d}.project-card:hover{transform:translateY(-10px) rotateX(1.5deg) rotateY(-1.5deg);background:#0a2723c7;border-color:#9fffea61}.project-top{display:flex;justify-content:space-between;color:var(--aqua)}.project-top span{color:#fff6;font-size:9px}.project-card>p{margin:auto 0 4px;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.project-card h3{margin:0 0 9px;font-size:20px;font-weight:500}.project-copy{font-size:11px;color:var(--muted);line-height:1.65}.project-card footer{display:flex;align-items:center;gap:6px;padding-top:15px;margin-top:16px;border-top:1px solid var(--line)}.project-card footer span{padding:4px 8px;border:1px solid var(--line);border-radius:99px;color:#fff9;font-size:8px}.project-card footer svg{margin-left:auto}.gallery-bg{filter:brightness(.46) saturate(.75);transform:scale(1.08)}.gallery-title{top:15%;max-width:300px}.gallery-title span{display:block;line-height:1.7;letter-spacing:.05em}.gallery-grid{position:absolute;right:clamp(24px,5vw,78px);top:13%;bottom:8%;width:min(690px,57vw);display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:repeat(6,1fr);gap:12px}.gallery-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:0;background:#0a1d1a;color:#fff;cursor:pointer;text-align:left}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .7s;filter:brightness(.8) saturate(.82);transform:scale(1.035)}.gallery-card:hover img{transform:scale(1.12);filter:brightness(1) saturate(1)}.gallery-card>span{position:absolute;left:16px;right:40px;bottom:13px;font-size:12px;text-shadow:0 2px 12px #000}.gallery-card small{display:block;font-size:7px;letter-spacing:.18em;opacity:.7;margin-bottom:4px}.gallery-icon{position:absolute;right:15px;top:15px}.gallery-1{grid-row:span 3}.gallery-2,.gallery-3{grid-row:span 2}.gallery-4{grid-row:span 3}.gallery-5{grid-row:span 1}.contact-bg{filter:brightness(.42) saturate(.8);transform:scale(1.06)}.contact .vignette{background:linear-gradient(90deg,#020a09d1,#020a0959),radial-gradient(circle at 70% 40%,transparent,rgba(2,9,8,.62))}.contact-copy{position:absolute;left:clamp(28px,7vw,108px);top:21%;max-width:500px}.contact h2{font-size:clamp(58px,7vw,105px)}.contact-copy>p:not(.kicker){font-size:12px;color:var(--muted);line-height:1.9}.contact-copy a{margin-top:30px;display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:7px}.contact-form{position:absolute;right:clamp(28px,7vw,108px);top:18%;width:min(440px,38vw);border-radius:20px;padding:28px}.contact-form label{display:block;margin:14px 0;font-size:9px;letter-spacing:.1em;color:var(--muted)}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#fff1;color:#fff;outline:none;resize:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#9fffea99;box-shadow:0 0 0 3px #9fffea0f}.contact-form button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:12px;border:0;border-radius:9px;background:#ecfffae6;color:#08221d;cursor:pointer;transition:.2s}.contact-form button:hover{background:#fff}.site-footer{position:absolute;left:clamp(28px,7vw,108px);right:clamp(28px,7vw,108px);bottom:25px;display:flex;justify-content:space-between;color:#fff6;font-size:8px;letter-spacing:.18em}[data-reveal]{opacity:0;filter:blur(10px);transform:translate3d(0,48px,0) scale(.985);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1.05s cubic-bezier(.16,1,.3,1),filter 1s ease;transition-delay:var(--delay,0ms)}[data-reveal].is-visible{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}.hero-copy h1 span{display:inline-block;clip-path:inset(0 100% 0 0);transform:translateY(24px);transition:clip-path 1.15s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1)}.hero-copy.is-visible h1 span:first-child{clip-path:inset(0);transform:none;transition-delay:.2s}.hero-copy.is-visible h1 span:last-child{clip-path:inset(0);transform:none;transition-delay:.36s}.section-title.is-visible h2{animation:titletrack 1.2s cubic-bezier(.16,1,.3,1) both}.lightbox{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#010807e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:5vw;animation:lightboxIn .55s cubic-bezier(.16,1,.3,1)}.lightbox img{animation:imageIn .7s cubic-bezier(.16,1,.3,1) both}.lightbox img{max-width:88vw;max-height:78vh;border-radius:18px;box-shadow:0 30px 100px #00000080}.lightbox button{position:absolute;right:28px;top:28px;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:var(--glass);cursor:pointer}.lightbox p{position:absolute;bottom:25px;font-size:10px;letter-spacing:.16em;color:var(--muted)}@keyframes pulse{50%{transform:scale(1.8);opacity:.55}}@keyframes loadline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cardfloat{50%{translate:0 -8px;rotate:.25deg}}@keyframes scanline{0%,15%{transform:translate(-100%)}65%,to{transform:translate(100%)}}@keyframes titletrack{0%{letter-spacing:.08em;opacity:.25}to{letter-spacing:-.05em;opacity:1}}@keyframes lightboxIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes imageIn{0%{opacity:0;transform:scale(.88) translateY(30px);filter:blur(14px)}}@media(max-width:820px){.cursor-glow{display:none}.scene-curtain{padding:24px}.scene-curtain>span{font-size:76px}.scene-curtain small{display:none}.topbar{height:64px}.nav-links{display:none;position:absolute;top:56px;right:20px;padding:8px;flex-direction:column;border-radius:14px;background:#03100ef0}.nav-links.is-open{display:flex}.menu-button{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:36px;height:36px}.scene{min-height:760px}.hero-image{background-position:58% center}.hero-copy{left:22px;right:22px;top:22%;bottom:auto}.hero h1{font-size:clamp(45px,14vw,66px)}.profile-card{left:22px;right:22px;bottom:64px;width:auto}.scene-index{left:22px;right:22px;bottom:24px}.projects{min-height:1160px}.section-title{top:100px;left:22px}.section-title h2{font-size:52px}.project-grid{left:22px;right:22px;top:280px;width:auto;grid-template-columns:1fr}.project-card{min-height:190px}.project-card>p{margin-top:28px}.moments{min-height:1040px}.gallery-title{top:90px}.gallery-grid{top:280px;left:22px;right:22px;bottom:30px;width:auto;grid-template-columns:1fr 1fr}.gallery-1,.gallery-4{grid-row:span 2}.contact{min-height:940px}.contact-copy{top:110px;left:22px;right:22px}.contact h2{font-size:60px}.contact-form{top:440px;left:22px;right:22px;width:auto}.site-footer{left:22px;right:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.scene-image{transform:scale(1.05)!important}.boot-screen{display:none!important}}