.personal-header{height:88px;margin:0 5%;display:flex;align-items:center;justify-content:flex-end}.personal-header nav{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:600}.personal-header sup{font-size:8px;color:#a4a5a9;margin-left:4px}.personal-header .telegram{display:flex;gap:20px;align-items:center;border:1px solid #ffffff30;padding:12px 17px;border-radius:30px}.telegram span{color:#f07b4e}.personal-logo{font-size:25px;letter-spacing:-.8px;font-weight:500}
.portfolio-minimal{background:radial-gradient(ellipse 85% 900px at 90% 170px,#56200d25,transparent 80%),#090a0c}.personal-hero{position:relative;isolation:isolate;overflow:hidden;background:#090a0c}.hero-glow{position:absolute;z-index:-1;inset:-35% -15%;pointer-events:none;background:radial-gradient(ellipse at 64% 58%,#f2672566 0%,#b3422538 25%,#4c221a25 44%,transparent 65%);transform:translate3d(0,var(--glow-shift,0px),0);will-change:transform}.personal-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#090a0c88 0%,transparent 28%,transparent 66%,#090a0c 100%);pointer-events:none}.hero-layout{width:min(1200px,90%);margin:0 auto;min-height:650px;padding:36px 0 70px;display:grid;grid-template-columns:1fr .88fr;gap:7%;align-items:center}.personal-identity{padding-bottom:16px}.personal-role{font-size:10px;letter-spacing:2.7px;color:#c2b9b5;font-weight:600}.personal-identity h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(80px,8.7vw,124px);font-weight:400;letter-spacing:-7px;line-height:1.02;margin:27px 0 23px}.personal-identity h1 span{color:#f6814d}.personal-description{font-size:clamp(18px,1.8vw,25px);line-height:1.45;letter-spacing:-.45px;color:#d6c9c3;margin:0 0 33px}.reel-button{display:inline-flex;align-items:center;justify-content:center;background:#f98250;color:#17100c;padding:17px 26px;border:0;border-radius:30px;font-size:14px;min-height:52px;font-weight:700;transition:background .2s,box-shadow .2s}.reel-button:hover{background:#ff9a70;box-shadow:0 8px 35px #e75d2525}.reel-stage{width:100%;max-width:440px;justify-self:center;transform:translate3d(0,var(--reel-shift,0px),0);will-change:transform}.reel-caption{display:flex;justify-content:space-between;gap:12px;color:#d1b2a1;font-size:9px;font-weight:600;letter-spacing:1.5px;padding:0 2px 13px}.reel-caption span:last-child{font-size:8px;letter-spacing:1px;color:#9d8d85}.reel-frame{position:relative;aspect-ratio:4/5;border-radius:20px;overflow:hidden;border:1px solid #f9ab783d;background:#15100e;box-shadow:0 25px 100px #0008,0 0 70px #d759161a}.reel-frame video{display:block;width:100%;height:100%;object-fit:contain}.reel-frame button{position:absolute;right:15px;bottom:15px;background:#11100ddd;border:1px solid #ffffff35;backdrop-filter:blur(12px);border-radius:22px;color:#f4ece6;font-size:11px;font-weight:600;padding:11px 14px;min-height:38px}.portfolio-minimal button{font-weight:600}.portfolio-minimal .contact-button{font-weight:700}
.portfolio-minimal .work{padding-top:50px;padding-bottom:65px}.portfolio-minimal .section-top{margin-bottom:26px}.portfolio-minimal .section-top h2{margin:0;display:flex;align-items:baseline;gap:18px;font-size:clamp(44px,5vw,64px);line-height:1.15;letter-spacing:-2.5px}.work-count{font-size:16px;letter-spacing:0;color:#969397;font-weight:400;white-space:nowrap}.portfolio-minimal .results-line{margin-top:20px;margin-bottom:6px}.portfolio-minimal .card{padding:28px 0}.portfolio-minimal .card h3{font-size:30px;line-height:1.25;max-width:400px}.portfolio-minimal .card-info,.portfolio-minimal .card-info>div{min-width:0}.portfolio-minimal .card p{display:none}.portfolio-minimal .filters button{font-weight:600}.personal-footer{margin:0 5%;padding:35px 0 40px;border-top:1px solid #2b2e36;display:flex;align-items:center;justify-content:space-between;gap:25px}.personal-footer .footer-contact{font-size:13px;color:#c4c9d2}.personal-footer>a:last-child{font-size:10px;color:#9198a5}.portfolio-minimal #modalDesc,.portfolio-minimal #fileInfo{display:none}.portfolio-minimal aside h2{margin-bottom:28px}.portfolio-minimal .variant-title{margin-top:12px}[hidden]{display:none!important}
@media(max-width:1000px){.hero-layout{gap:5%;min-height:580px}.personal-identity h1{font-size:85px;letter-spacing:-5px}.reel-stage{max-width:360px}.portfolio-minimal .card h3{font-size:26px}}
@media(max-width:640px){.personal-header{height:72px;margin:0 6%}.personal-header nav{gap:22px;font-size:12px}.personal-header .telegram{gap:10px;padding:10px 14px}.hero-layout{width:88%;grid-template-columns:1fr;gap:36px;min-height:0;padding:32px 0 48px}.personal-identity{padding:0}.personal-role{font-size:9px;letter-spacing:2px}.personal-identity h1{font-size:clamp(68px,18vw,92px);letter-spacing:-4.5px;margin:23px 0 17px}.personal-description{font-size:20px;line-height:1.4;margin:0 0 25px}.reel-button{padding:16px 24px;font-size:14px}.reel-stage{max-width:400px;width:100%}.reel-caption{font-size:9px;padding-bottom:11px}.reel-frame{border-radius:16px}.hero-glow{inset:-10% -55%;background:radial-gradient(ellipse at 57% 54%,#ed6d2b66 0%,#b3422538 27%,#4c221a25 48%,transparent 68%)}.portfolio-minimal .work{padding-top:28px;padding-bottom:40px}.portfolio-minimal .section-top h2{font-size:46px;letter-spacing:-2px;gap:15px}.work-count{font-size:15px}.portfolio-minimal .card{padding:25px 0}.portfolio-minimal .card h3{font-size:25px;max-width:none}.personal-footer{margin:0 6%;gap:25px;flex-wrap:wrap}.personal-footer .footer-contact{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reel-stage,.hero-glow{transform:none;will-change:auto}.reel-button{transition:none}}
/* One continuous background, independent of section boundaries. */
.portfolio-minimal{position:relative;isolation:isolate;background:#100c0b}
.ambient-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:linear-gradient(130deg,#100d0c,#1a100e 62%,#0a0b0d)}
.ambient-ribbon{position:absolute;inset:-40% -30%;background:radial-gradient(ellipse 15% 70% at 68% 48%,#e9632b9c 0%,#a63c255e 38%,transparent 75%),radial-gradient(ellipse 32% 34% at 17% 80%,#87282377,transparent 80%);filter:blur(55px);transform:translate3d(var(--ambient-x,0px),var(--ambient-y,0px),0) rotate(-26deg);will-change:transform}
.ambient-light{position:absolute;inset:-30%;background:radial-gradient(ellipse 26% 16% at 68% 38%,#ffa76555,transparent 80%),radial-gradient(ellipse 26% 33% at 98% 90%,#c447252e,transparent 75%);filter:blur(48px);transform:translate3d(0,var(--light-y,0px),0);will-change:transform}
.portfolio-minimal .personal-hero{overflow:visible;background:transparent;isolation:auto}
.portfolio-minimal .personal-hero:after{content:none}
.portfolio-minimal .reel-frame{box-shadow:none;border-color:#e6b69835}
.portfolio-minimal .toolbar{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:0 0 22px;border-color:#e7b49630}
.portfolio-minimal .filters{display:block;width:100%}
.approaches-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:9px 0 24px}
.approaches-top h3{font-size:16px;font-weight:400;letter-spacing:0;margin:0;color:#e6c4b1}
.portfolio-minimal .filters .all-formats{padding:8px 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#ddc6b9;font-size:14px}
.portfolio-minimal .filters .all-formats.active{background:transparent;color:#ffa36e;border-bottom-color:#ffa36e}
.approach-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #eac2a94d;border-bottom:1px solid #eac2a94d}
.portfolio-minimal .filters .format-card{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:155px;padding:25px 18px;border:0;border-radius:0;background:transparent;color:#f7e9df;transition:color .2s,background .2s}
.portfolio-minimal .filters .format-card+.format-card{border-left:1px solid #eac2a930}
.format-label{font-size:clamp(25px,2.5vw,38px);font-weight:500;letter-spacing:-1.2px;line-height:1.12;max-width:280px}
.portfolio-minimal .filters .format-card:hover{border-color:#eac2a930;background:#ffae7110;color:#ffae7b}
.portfolio-minimal .filters .format-card.active{background:#f1864f10;color:#ffa36e}
.portfolio-minimal .format-card.active:after{content:'';position:absolute;bottom:-1px;left:15%;right:15%;height:3px;background:#ff9a65}
.portfolio-minimal .search{align-self:flex-end}
.portfolio-minimal .search input{border-color:#e1b19455;color:#f4e9e2}
.portfolio-minimal .card,.personal-footer{border-color:#dba47d35}
.portfolio-minimal .badge{background:#1b100fdd;border:0;color:#ffddc6;font-size:11px;font-weight:700;letter-spacing:.8px;padding:10px 13px;border-radius:0}
@media(max-width:640px){.approach-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-minimal .filters .format-card{min-height:124px;padding:20px 12px}.portfolio-minimal .filters .format-card:nth-child(odd){border-left:0}.portfolio-minimal .filters .format-card:nth-child(n+3){border-top:1px solid #eac2a930}.format-label{font-size:27px;letter-spacing:-.8px}.approaches-top{gap:14px;margin-bottom:20px}.approaches-top h3{font-size:14px;max-width:155px}.portfolio-minimal .filters .all-formats{font-size:13px;white-space:nowrap}.portfolio-minimal .search{align-self:stretch}.portfolio-minimal .badge{font-size:9px;padding:8px 10px}.ambient-ribbon{inset:-40% -70%;filter:blur(35px)}.ambient-light{filter:blur(35px)}}
@media(prefers-reduced-motion:reduce){.ambient-ribbon,.ambient-light{transform:none;will-change:auto}.portfolio-minimal .filters .format-card{transition:none}}
