.portfolio-width{width:min(1200px,calc(100% - 96px));margin-inline:auto}.portfolio-header{position:relative;z-index:50;border-bottom:1px solid var(--border);background:var(--background)}.portfolio-header-inner{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:32px}.portfolio-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:21px;font-weight:560;letter-spacing:-.045em}.portfolio-logo{position:relative;width:42px;height:46px;overflow:hidden}.portfolio-logo img{position:absolute;max-width:none;width:76px;height:76px;left:-17px;top:-14px;mix-blend-mode:screen}.portfolio-desktop-nav{display:flex;align-items:center;gap:29px;font-size:13px;color:#b6afc3}.portfolio-desktop-nav a{padding-block:14px}.portfolio-desktop-nav a:last-child{color:var(--foreground)}.portfolio-desktop-nav a:hover,.portfolio-footer a:hover{color:var(--accent-primary)}.portfolio-menu-button,.portfolio-mobile-nav{display:none}.portfolio{overflow:clip}.portfolio section[id],.portfolio-contact[id]{scroll-margin-top:30px}.portfolio figure,.portfolio h1,.portfolio h2,.portfolio h3,.portfolio p{margin:0}.portfolio h1,.portfolio h2,.portfolio h3,.portfolio-contact-page h1{font-weight:530}.portfolio h2{font-size:clamp(30px,3.1vw,44px);line-height:1.14;letter-spacing:-.045em}.portfolio h2>span,.portfolio-contact-page h1>span{color:var(--accent-primary)}.portfolio-text-link{display:inline-flex;align-items:center;gap:22px;padding-block:9px;color:var(--foreground);font-size:13px;font-weight:550;text-decoration:none;cursor:pointer}.portfolio-text-link span{color:var(--accent-primary);transition:transform .18s ease}.portfolio-text-link:hover{color:#dfb7ff}.portfolio-text-link:hover span{transform:translate(2px,-2px)}.portfolio-hero{position:relative;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:58px;padding-block:56px 62px}.portfolio-hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:750px;height:660px;right:-250px;top:-170px;background:radial-gradient(ellipse,#6e28852b,transparent 65%)}.portfolio-hero h1{margin-top:0;font-size:clamp(52px,5.7vw,80px);letter-spacing:-.065em;line-height:1.01}.portfolio-hero h1 em{font-style:normal;background:linear-gradient(115deg,#b875fb 12%,#eb8ddf 60%,#ffba8e);color:transparent;background-clip:text;-webkit-background-clip:text}.portfolio .portfolio-hero-intro{max-width:455px;margin-top:25px;color:#b2aabb;font-size:16px;line-height:1.75}.portfolio-hero-copy>.portfolio-text-link{margin-top:22px}.portfolio-hero-visual{position:relative;min-width:0;padding-block:20px}.portfolio-hero-film{position:relative;aspect-ratio:1.6;padding:10px;border:1px solid #b380d738;border-radius:22px;background:linear-gradient(140deg,#2b183c,#100d16 60%,#402032);box-shadow:0 30px 95px #8c40ae18;transform:rotate(-2deg)}.portfolio-hero-film .portfolio-video{border-radius:14px;background:#050506;overflow:hidden}.portfolio-orbit{position:absolute;pointer-events:none;width:110%;height:68%;border:1px solid #b267e230;border-radius:50%;transform:rotate(-30deg);top:12%;left:-5%}.portfolio-orbit-two{transform:rotate(30deg);width:90%;height:95%;left:5%;top:0;border-color:#d783b51f}.portfolio-orbit-one:after{content:"";position:absolute;height:16px;width:16px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffc79a,#b968f6 55%,#351157);right:9%;top:10%;box-shadow:0 0 26px #cf71e35c}.portfolio-section{padding-block:62px 70px;border-top:1px solid var(--border)}.portfolio-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.portfolio-section-heading>p{color:#9990a5;font-size:13px;padding-bottom:4px}.portfolio-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:42px}.portfolio-project{min-width:0}.portfolio-project-media{position:relative;height:auto;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff12;border-radius:14px}.portfolio-media-sky{background:#c8e1ef}.portfolio-media-sand{background:#e6dbcf}.portfolio-media-violet{background:#19121e}.portfolio-media-dark{background:#050506}.portfolio-video{position:relative;height:100%;width:100%}.portfolio-video video{display:block;height:100%;width:100%;object-fit:contain}.portfolio-video-toggle{position:absolute;bottom:12px;right:12px;display:grid;width:36px;height:36px;place-items:center;border:1px solid #ffffff40;border-radius:50%;color:#fff;background:#0b091dcc;cursor:pointer;font-size:12px}.portfolio-video-toggle:hover{background:#432956}.portfolio-project-status{position:absolute;top:14px;left:14px;max-width:calc(100% - 28px);padding:6px 10px;border:1px solid #ffffff1f;border-radius:20px;color:#f4eef9;background:#100c1bd9;font-size:10px;pointer-events:none}.portfolio-project-title{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.portfolio-project-title h3{font-size:26px;letter-spacing:-.035em}.portfolio-project-title>span{display:grid;width:32px;height:32px;place-items:center;border:1px solid #53465e;border-radius:50%;color:#c5b0d5;font-size:17px;transition:color .18s,background .18s}.portfolio-project-title:hover h3{color:#deb7fb}.portfolio-project-title:hover>span{background:#c38bfa;color:#100c16}.portfolio-project>p{margin-top:7px;color:#aaa1b6;font-size:14px;line-height:1.6}.portfolio-social{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:46px 48px;margin-block:16px 64px;border:1px solid #6a3f7d50;border-radius:22px;background:radial-gradient(ellipse at 95% 90%,#643e5e35,transparent 62%),linear-gradient(135deg,#1d1227,#120e18)}.portfolio-social h2{font-size:clamp(28px,3.1vw,43px);line-height:1.18}.portfolio-social h2 em{color:#d29ae9;font-style:normal}.portfolio-social-copy>p{max-width:340px;margin-top:20px;font-size:15px;color:#b6a7c2;line-height:1.75}.portfolio-social-copy .portfolio-text-link{margin-top:17px}.portfolio-social-demos{display:grid;grid-template-columns:1.3fr .8fr;align-items:center;gap:20px}.portfolio-social-demos figure:first-child .portfolio-social-video{height:auto;aspect-ratio:16/10}.portfolio-social-demos figure:last-child{margin-top:28px}.portfolio-social-video{height:300px;overflow:hidden;border:1px solid #ffffff24;border-radius:18px;background:#07060a}.portfolio-heading-links{display:flex;gap:25px}.portfolio-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.portfolio-note-image{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#18101e;border:1px solid #ffffff12}.portfolio-note-image img{object-fit:cover;transition:transform .25s ease}.portfolio-note:hover img{transform:scale(1.035)}.portfolio-note h3{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;font-size:18px;letter-spacing:-.015em;line-height:1.45}.portfolio-note h3>span{color:#ba96d3;font-size:16px}.portfolio-note:hover h3{color:#dfb7ff}.portfolio-about{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:68px 85px;border-top:1px solid var(--border)}.portfolio-about-copy>p{max-width:440px;margin-top:22px;color:#aaa1b6;font-size:15px;line-height:1.8}.portfolio-about-copy>.portfolio-text-link{margin-top:23px}.portfolio-contact>h3{font-size:26px;letter-spacing:-.035em}.portfolio-contact>p{max-width:400px;margin-top:10px;color:#aaa1b6;font-size:14px;line-height:1.65}.portfolio-form{display:flex;flex-direction:column;gap:20px;margin-top:25px}.portfolio-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portfolio-form label{display:flex;flex-direction:column;gap:9px;color:#cfc5dc;font-size:12px;min-width:0}.portfolio-form input,.portfolio-form textarea{width:100%;min-width:0;padding:12px 14px;color:var(--foreground);border:1px solid #3c3247;border-radius:7px;background:#131017;font:inherit;font-size:14px}.portfolio-form textarea{resize:vertical;min-height:110px}.portfolio-form input::placeholder,.portfolio-form textarea::placeholder{color:#8e819c}.portfolio-form input:focus,.portfolio-form textarea:focus{border-color:#c38bfa;outline:2px solid #9a62c03d;outline-offset:2px}.portfolio-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.portfolio-form-bottom>p{margin:0;color:#9b8da9;font-size:10px;line-height:1.7}.portfolio-form-bottom>p a{text-decoration:underline;text-underline-offset:3px}.portfolio-send{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:44px;padding:12px 18px;flex-shrink:0;border:1px solid #d4a2f5;border-radius:7px;color:#190d24;background:linear-gradient(115deg,#c48af4,#e9a2d9);font-size:12px;font-weight:650;cursor:pointer}.portfolio-send:hover{filter:brightness(1.12)}.portfolio-send:disabled{opacity:.6;cursor:wait}.portfolio-form-success{margin-block:26px 12px!important;color:#e1baff;line-height:1.7}.portfolio-form-error{color:#ffc1c7;font-size:13px;line-height:1.6}.portfolio-form-error a{text-decoration:underline}.portfolio-contact-page{display:grid;grid-template-columns:1fr 1fr;gap:100px;min-height:70vh;padding-block:90px}.portfolio-contact-page h1{font-size:clamp(46px,5vw,70px);letter-spacing:-.06em;margin-block:20px;line-height:1.1}.portfolio-contact-page>div>p{max-width:390px;color:#aaa1b6;line-height:1.8}.portfolio-contact-page .portfolio-text-link{margin-top:20px}.portfolio-contact-page .portfolio-form{margin-top:0}.portfolio-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:28px 35px;border-top:1px solid var(--border);color:#aca1b7;font-size:11px}.portfolio-footer p{margin:0}.portfolio-footer p>span{color:#8f829d}.portfolio-footer nav{display:flex;flex-wrap:wrap;gap:20px}@media (min-width:1600px){.portfolio-hero{padding-block:85px 96px}}@media (max-width:1000px){.portfolio-width{width:calc(100% - 64px)}.portfolio-hero{gap:30px;padding-block:62px}.portfolio-hero h1{font-size:clamp(48px,6.4vw,70px)}.portfolio-social{gap:30px;padding:35px 30px}.portfolio-social-video{height:255px}.portfolio-about,.portfolio-contact-page{gap:45px}.portfolio-footer{align-items:flex-start;flex-direction:column;gap:16px}}@media (max-width:760px){.portfolio-header-inner{min-height:76px}.portfolio-desktop-nav{display:none}.portfolio-menu-button{display:flex;align-items:center;gap:14px;min-height:44px;padding-inline:10px;color:#e6ddec;font-size:13px;cursor:pointer}.portfolio-menu-button>span{color:#c38bfa;font-size:22px}.portfolio-mobile-nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;padding:10px 32px 20px;border-bottom:1px solid var(--border);background:#100c17;box-shadow:0 18px 35px #0008}.portfolio-mobile-nav a{display:flex;justify-content:space-between;padding-block:15px;border-bottom:1px solid #33243e;font-size:16px}.portfolio-mobile-nav a>span{color:#b083d7}.portfolio-hero{grid-template-columns:1fr;gap:20px;padding-block:48px 44px}.portfolio-hero h1{max-width:520px;font-size:clamp(52px,9vw,70px)}.portfolio .portfolio-hero-intro{max-width:500px}.portfolio-hero-visual{padding-block:20px 0}.portfolio-hero-film{aspect-ratio:16/9;transform:rotate(-1deg)}.portfolio-orbit{display:none}.portfolio-section{padding-block:40px 48px}.portfolio-section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:26px}.portfolio-projects{grid-template-columns:1fr;gap:30px 20px}.portfolio-project-title h3{font-size:22px}.portfolio-project>p{font-size:13px}.portfolio-social{grid-template-columns:1fr;gap:28px;margin-block:5px 40px}.portfolio-social-copy>p{max-width:450px}.portfolio-social-video{height:330px}.portfolio-social-demos{max-width:460px;width:100%;justify-self:center}.portfolio-about,.portfolio-contact-page{grid-template-columns:1fr;gap:42px;padding-block:45px 55px}.portfolio-about-copy>p{max-width:540px}.portfolio-contact{padding-top:30px;border-top:1px solid var(--border)}}@media (max-width:540px){.portfolio-width{width:calc(100% - 40px)}.portfolio-brand{font-size:19px;gap:6px}.portfolio-mobile-nav{padding-inline:20px}.portfolio-hero h1{font-size:clamp(48px,12vw,64px)}.portfolio .portfolio-hero-intro{font-size:15px;line-height:1.7}.portfolio-hero-film{border-radius:15px;padding:5px}.portfolio-hero-film .portfolio-video{border-radius:10px}.portfolio-projects{grid-template-columns:1fr;gap:32px}.portfolio-project-title h3{font-size:25px}.portfolio-project>p{font-size:14px}.portfolio-social{padding:28px 20px;border-radius:15px}.portfolio-social-demos{gap:12px}.portfolio-social-video{height:240px;border-radius:13px}.portfolio-notes{grid-template-columns:1fr;gap:26px}.portfolio-note{display:grid;grid-template-columns:115px 1fr;column-gap:17px;align-items:start}.portfolio-note-image{aspect-ratio:4/3}.portfolio-note h3{font-size:16px;line-height:1.4;margin-top:0}.portfolio-note h3>span{display:none}.portfolio-form-row{grid-template-columns:1fr;gap:20px}.portfolio-form input,.portfolio-form textarea{font-size:16px}.portfolio-form-bottom{gap:12px}.portfolio-send{gap:14px;padding-inline:14px}.portfolio-footer{font-size:10px}.portfolio-footer nav{gap:13px 18px}}@media (prefers-reduced-motion:reduce){.portfolio *,.portfolio :after,.portfolio :before{transition:none!important;animation:none!important}}.experiment-intro{padding-block:40px 65px;max-width:780px}.experiment-intro h1{margin-top:32px;font-size:clamp(44px,5.4vw,70px);line-height:1.08;letter-spacing:-.055em}.experiment-intro h1 em{color:#d39bea;font-style:normal}.experiment-intro>p:last-child{margin-top:25px;max-width:590px;color:var(--muted);font-size:17px;line-height:1.75}.experiment-row{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding-block:42px;border-top:1px solid var(--border)}.experiment-media{height:350px;overflow:hidden;border:1px solid #ffffff1f;border-radius:16px;background:#0e0b12}.experiment-model .service-model-container{height:100%;min-height:0}.experiment-row h2{font-size:clamp(28px,3vw,38px);margin-top:0}.experiment-row p{margin-top:20px;color:var(--muted);font-size:15px;line-height:1.8}.experiment-row .portfolio-text-link{margin-top:20px}.experiment-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-block:25px 50px}@media (min-width:761px){.experiment-row-reverse{grid-template-columns:1fr 1.15fr}.experiment-row-reverse>.experiment-media{order:1}}@media (max-width:760px){.experiment-intro{padding-block:25px 40px}.experiment-row{grid-template-columns:1fr;gap:25px;padding-block:30px}.experiment-media{height:300px}.experiment-end{flex-wrap:wrap}}