@font-face{font-family:Manrope;src:url(/fonts/manrope-400.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-600.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-700.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-800.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}:root{font-family:Manrope,Arial,Helvetica,sans-serif;font-weight:400;color:#f8f8fa;background:#0d0e11;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f7f7f5;--ink: #111216;--local-yellow: #ffd31a;--stay-pink: #f21161;--vefly-lime: #d8f36a;--youtube-red: #ff0033}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0d0e11}.portfolio{--accent: var(--local-yellow);min-height:100vh;min-height:100svh;padding:0 clamp(22px,5vw,76px);display:flex;flex-direction:column;overflow-x:clip;overflow-y:visible;color:#f8f8fa;background:radial-gradient(ellipse 95% 34% at 52% 105%,rgb(255 179 85 / 31%),transparent 75%),radial-gradient(ellipse 100% 74% at 28% -24%,rgb(114 131 157 / 27%),transparent 72%),linear-gradient(132deg,#171c26,#11141b 56%,#28231f);transition:background .5s ease}.portfolio[data-project=tellmystay]{--accent: var(--stay-pink);background:radial-gradient(ellipse 60% 66% at 88% 50%,rgb(242 17 97 / 21%),transparent 72%),radial-gradient(ellipse 85% 80% at 2% 105%,rgb(103 26 54 / 24%),transparent 70%),linear-gradient(132deg,#09090b,#1b1116 53%,#0b0b0d)}.portfolio[data-project=vefly]{--accent: var(--vefly-lime);background:radial-gradient(ellipse 74% 64% at 88% 24%,rgb(152 181 64 / 19%),transparent 72%),radial-gradient(ellipse 85% 85% at 4% 108%,rgb(38 70 56 / 27%),transparent 72%),linear-gradient(132deg,#101515,#111714 53%,#0b0e0e)}.portfolio[data-project=youtube]{--accent: var(--youtube-red);background:radial-gradient(ellipse 74% 64% at 87% 28%,rgb(255 0 51 / 19%),transparent 72%),radial-gradient(ellipse 85% 85% at 4% 108%,rgb(91 20 35 / 26%),transparent 72%),linear-gradient(132deg,#171012 0% 53%,#0d0b0c)}.portfolio[data-project=personal]{--accent: #a9c9b7;background:radial-gradient(ellipse 78% 68% at 88% 24%,rgb(91 155 129 / 18%),transparent 72%),radial-gradient(ellipse 90% 85% at 5% 108%,rgb(54 79 89 / 27%),transparent 72%),linear-gradient(132deg,#11171a,#111518 54%,#101311)}.portfolio[data-project=voltair]{--accent: #49d6dd;background:radial-gradient(ellipse 74% 64% at 87% 28%,rgb(42 173 189 / 21%),transparent 72%),radial-gradient(ellipse 85% 85% at 4% 108%,rgb(31 82 99 / 28%),transparent 72%),linear-gradient(132deg,#101519,#101719 53%,#0a0e12)}.portfolio[data-project=instabar]{--accent: #ff4f9a;background:radial-gradient(ellipse 74% 64% at 87% 28%,rgb(255 79 154 / 20%),transparent 72%),radial-gradient(ellipse 85% 85% at 4% 108%,rgb(63 47 112 / 28%),transparent 72%),linear-gradient(132deg,#111020,#141023 53%,#0a0a16)}.portfolio[data-project=nikita]{--accent: #f2bd48;background:radial-gradient(ellipse 74% 64% at 87% 28%,rgb(222 166 47 / 19%),transparent 72%),radial-gradient(ellipse 85% 85% at 4% 108%,rgb(43 77 116 / 28%),transparent 72%),linear-gradient(132deg,#101820,#121920 53%,#0b1016)}.topbar{height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;direction:ltr;border-bottom:1px solid rgb(255 255 255 / 17%)}.wordmark{grid-column:1;width:fit-content;color:#fff;font-size:19px;font-weight:800;letter-spacing:-1.5px;text-decoration:none}.wordmark span{margin-left:2px;font-size:10px;font-weight:700;vertical-align:top}.portfolio-title{grid-column:3;justify-self:end;margin:0;color:#ffffffd1;font-size:13px;font-weight:700;letter-spacing:-.2px}.portfolio-title span{color:#ffffff73;padding:0 3px}.language-switch{grid-column:2;display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid rgb(255 255 255 / 24%);border-radius:5px;background:#0a0b0e40}.language-switch button{min-height:30px;padding:5px 10px;border:0;border-radius:3px;background:transparent;color:#ffffffb8;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.language-switch button[aria-pressed=true]{background:#f7f7f5;color:#171719}.language-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stage{flex:1;min-height:560px;display:grid;grid-template-columns:48px minmax(0,1200px) 48px;justify-content:center;align-items:start;padding-top:clamp(42px,7vh,78px);gap:clamp(8px,2vw,32px);position:relative}.stage>.project{grid-column:2;grid-row:1}.stage>.arrow-previous{grid-column:1;grid-row:1}.stage>.arrow-next{grid-column:3;grid-row:1}.stage-rtl>.arrow-previous{grid-column:3}.stage-rtl>.arrow-next{grid-column:1}.project{width:100%;padding:30px 0;animation:arrive .4s cubic-bezier(.2,.7,.2,1) both}@keyframes arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.project-meta{display:flex;align-items:center;gap:14px;color:#ffffff8c;font-size:10px;font-weight:600;letter-spacing:.1em}.eyebrow{color:var(--accent);font-weight:600}.meta-line{height:1px;flex:1;background:#ffffff2e}.project-index{color:#ffffff8c}.brand-lockup{display:flex;align-items:center;justify-content:center;gap:20px;margin:48px 0 42px;height:120px}.brand-logo{width:72px;height:72px;flex:0 0 72px;display:block;object-fit:contain;border-radius:14px}.project-name{margin:0;color:#fff;font-size:clamp(58px,10vw,118px);font-weight:800;letter-spacing:-.04em;line-height:.98}.brand-tellmystay .project-name{color:var(--stay-pink);font-size:clamp(50px,9vw,108px);letter-spacing:-.035em}.brand-vefly .project-name{color:var(--vefly-lime)}.brand-youtube .project-name{color:#fff}.brand-personal .project-name{color:#d6e8dd}.brand-voltair .project-name{color:#49d6dd}.brand-instabar .project-name{color:#ff76ad}.brand-nikita .project-name{color:#f2bd48}.brand-logo-youtube{padding:13px;background:#fff}.description-card{width:100%;max-width:none;margin-inline:auto;padding:36px 42px 34px;border:1px solid #e2e2e0;border-radius:8px;background:var(--paper);color:#28282b;box-shadow:0 18px 50px #0000002e}.description-card p{max-width:100ch;margin:0 0 16px;color:#4a4a4d;font-size:18px;font-weight:400;line-height:1.7;letter-spacing:0}.project-link{display:inline-block;padding:0;color:#171719;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s ease}.project-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.project-cv{width:min(100%,680px);margin:36px auto 48px}.project-cv-header{min-height:68px;display:flex;justify-content:center;align-items:center;gap:16px;padding:12px 20px}.cv-download{flex:0 0 auto;padding:9px 13px;border:1px solid rgb(255 255 255 / 38%);border-radius:5px;color:#fff;font-size:13px;font-weight:700;text-decoration:none}.cv-download:hover{border-color:var(--accent);color:var(--accent)}.project-cv img{display:block;width:100%;height:auto;border-radius:8px;background:#fff}.project-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 0;padding:16px 0 0;border-top:1px solid #dededb;list-style:none}.workflow-heading{margin:30px 0 0;padding-top:24px;border-top:1px solid #dededb;color:#202125;font-size:18px;font-weight:800}.project-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 30px;margin:22px 0 0;padding:0;list-style:none}.workflow-step{display:grid;align-content:start;gap:7px}.workflow-step-index{color:#697936;font-size:11px;font-weight:800}.workflow-step strong{color:#202125;font-size:15px;font-weight:800}.description-card .workflow-step p{max-width:none;margin:0;color:#5c5c5f;font-size:14px;line-height:1.6}.project-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin:26px 0 24px;padding-top:22px;border-top:1px solid #dededb}.service-item h2{margin:0 0 10px;color:#202125;font-size:17px;font-weight:800}.description-card .service-item p{margin:0;color:#5c5c5f;font-size:15px;line-height:1.65}.description-card .service-item p+p{margin-top:12px}.personal-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:28px;padding-top:24px;border-top:1px solid #dededb}.personal-story h2{margin:0 0 12px;color:#202125;font-size:14px;font-weight:800}.personal-story p{margin:0 0 12px;color:#5c5c5f;font-size:14px;line-height:1.65}.flow-step{display:grid;align-content:start;gap:5px}.flow-step-index{color:#697936;font-size:10px;font-weight:700}.flow-step strong{color:#202125;font-size:13px;font-weight:700}.flow-step>span:last-child{color:#5c5c5f;font-size:12px;line-height:1.45}.project-reference{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:13px;border-top:1px solid #dededb}.project-reference>span{color:#77777b;font-size:10px;font-weight:700;letter-spacing:.06em}.project-video-section{margin:38px 0 42px}.project-video-section>h2{margin:0 0 18px;color:var(--accent);font-size:17px;font-weight:700}.project-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start;gap:22px}.project-video-grid.video-layout-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.video-layout-tools .project-video:last-child{grid-column:1 / -1;justify-self:center;width:100%;display:flex;flex-direction:column;align-items:center}.project-video{margin:0;overflow:hidden;border:1px solid rgb(255 255 255 / 18%);border-radius:8px;background:#0b0c0e}.project-video video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#08090b}.project-video video.video-portrait{width:100%;max-width:382px;aspect-ratio:9 / 16;max-height:680px;justify-self:center}.project-video figcaption{padding:12px 15px;color:#ffffffd1;font-size:13px;font-weight:600}.arrow{position:sticky;top:calc(50vh - 26px);z-index:5;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgb(255 255 255 / 35%);align-self:start;border-radius:11px;background:#0c0d1042;color:#fff;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.arrow:hover{transform:scale(1.05);border-color:var(--accent);background:var(--accent);color:#151518}.arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:700px){.portfolio{padding:0 18px}.topbar{height:72px}.portfolio-title{font-size:11px}.language-switch{gap:0}.language-switch button{min-height:28px;padding:5px 7px;font-size:10px}.stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px;min-height:520px}.arrow{top:calc(50vh - 19px);width:38px;height:38px}.arrow svg{width:17px;height:17px}.brand-lockup{gap:14px;margin:36px 0 32px;height:76px}.brand-logo{width:48px;height:48px;flex-basis:48px;border-radius:11px}.project-name{font-size:clamp(43px,11vw,76px)}.brand-tellmystay .project-name{font-size:clamp(38px,10vw,68px)}.description-card{padding:24px 22px 20px}.description-card p{font-size:14px}.project-flow,.personal-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.project-workflow{grid-template-columns:1fr;gap:18px}.project-video-grid.video-layout-tools{grid-template-columns:1fr}.video-layout-tools .project-video:last-child{grid-column:auto}.project-services{grid-template-columns:1fr;gap:18px}.project-reference{align-items:flex-start;flex-direction:column;gap:8px}.project-cv-header{padding:12px}}@media(max-width:380px){.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.wordmark{font-size:16px}.portfolio-title{font-size:10px}.language-switch button{padding-inline:5px}.stage{grid-template-columns:34px minmax(0,1fr) 34px;gap:4px}.arrow{top:calc(50vh - 16px);width:32px;height:32px}.project-name{font-size:40px}.brand-tellmystay .project-name{font-size:35px}.brand-lockup{gap:10px;height:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}