@font-face{font-family:Telegraf;src:url('assets/PPTelegraf-Regular.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Telegraf;src:url('assets/PPTelegraf-UltraBold.otf') format('opentype');font-weight:800;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#fff;color:#0a0a0a;font-family:Telegraf,Arial,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid #555;outline-offset:6px}::selection{background:#111;color:#fff}header{padding:24px 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{font-weight:800;font-size:26px;letter-spacing:-2px}nav{display:flex;gap:25px;font-size:13px}nav a:hover,.bio a:hover,.contact-email:hover{text-decoration:underline;text-underline-offset:5px}.location{font-size:12px}.status-dot{display:inline-block;width:6px;height:6px;background:#111;border-radius:50%;margin-left:15px}.hero{padding:75px 4.5vw 95px;min-height:calc(100svh - 78px);display:flex;flex-direction:column;justify-content:space-between}.hero-top{display:flex;justify-content:space-between;font-size:11px;line-height:1.4}.hero h1{font-size:clamp(80px,13.6vw,230px);font-weight:800;line-height:.83;letter-spacing:-.065em;margin:65px 0 50px;position:relative;width:max-content;max-width:100%}.hero h1>span{margin-left:12vw}.hero h1 sup{position:absolute;top:2px;right:-14vw;font-size:4vw;font-weight:400;letter-spacing:0}.hero-base{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:35px}.hero-base p:first-child{font-size:clamp(22px,2.1vw,34px);line-height:1.1;letter-spacing:-.04em;margin:0}.hero-base p:nth-child(2){font-size:14px;line-height:1.5;margin:0;max-width:330px}.hero-base>a{font-size:35px}.section-title{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #111;align-items:center}.section-title h2{font-size:13px;font-weight:400;margin:0}.section-title>span{font-size:10px}#work>.section-title{margin:0 4.5vw}.feature{margin:25px 0 115px}.feature-meta{display:grid;grid-template-columns:60px 1.2fr 1fr auto;gap:20px;align-items:start;padding:0 4.5vw 24px}.work-number{font-size:11px;padding-top:7px}.feature-meta h3{font-weight:800;font-size:clamp(28px,3vw,48px);letter-spacing:-.045em;margin:0;line-height:1}.feature-meta p{font-size:12px;line-height:1.4;margin:4px 0 10px}.feature-meta .description{font-size:11px;max-width:290px;color:#555}.watch{font-size:12px;border-bottom:1px solid;padding-bottom:5px;margin-top:6px;white-space:nowrap}.feature-image{display:block;width:100%;height:min(68vw,740px);position:relative;overflow:hidden;background:#f4f4f4}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.6,.2,1)}.image-01 img{object-position:center 53%}.image-02 img{object-position:center 58%}.image-03 img{object-position:center 45%}.feature-image:hover img{transform:scale(1.025)}.play{position:absolute;right:4.5vw;bottom:35px;font-size:12px;background:#fff;color:#111;padding:14px 20px}.archive,.about,.services{padding:0 4.5vw 120px}.archive details{border-bottom:1px solid #d4d4d4}.archive summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:60px 1fr 300px 20px;gap:20px;align-items:center;padding:24px 0}.archive summary::-webkit-details-marker{display:none}.index{font-size:11px}.archive h3{font-size:clamp(22px,2.2vw,35px);font-weight:400;letter-spacing:-.04em;margin:0}.archive-role{font-size:11px}.plus{font-size:24px;font-weight:400}.archive details[open] .plus{transform:rotate(45deg)}.project-detail{margin:0 0 35px 80px;max-width:650px}.project-detail p{font-size:16px;line-height:1.5;max-width:470px}.project-detail a{font-size:12px;text-decoration:underline;text-underline-offset:5px}.project-detail img{width:100%;max-height:330px;object-fit:cover}.about-main{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;margin:50px 0 65px}.about-main>h2{font-size:clamp(45px,5.7vw,90px);font-weight:800;line-height:.95;letter-spacing:-.055em;margin:0}.bio{max-width:450px}.bio p{font-size:16px;line-height:1.5}.bio .lead{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin-top:0}.bio a{display:inline-block;margin-top:15px;font-size:13px;border-bottom:1px solid;padding-bottom:5px}.about-bottom{border-top:1px solid #ddd;padding-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:end}.about-bottom>span{font-size:clamp(60px,9vw,135px);line-height:1;font-weight:800;letter-spacing:-.07em}.about-bottom small{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:15px}.about-bottom p{font-size:18px;line-height:1.3;margin:0}.service{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;padding:35px 0;border-bottom:1px solid #ddd}.service h3{font-size:clamp(30px,3vw,48px);font-weight:400;letter-spacing:-.04em;margin:0}.service p{max-width:450px;font-size:17px;line-height:1.5;margin:0}.service .equipment{margin-top:20px;font-size:13px;color:#555}.service a{display:inline-block;margin-top:22px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.contact{padding:35px 4.5vw 60px}.contact>span{font-size:10px}.contact h2{font-size:clamp(70px,13vw,220px);line-height:.85;font-weight:800;letter-spacing:-.065em;margin:55px 0 45px}.contact-email{font-size:clamp(17px,2.5vw,40px);letter-spacing:-.035em}.contact-note{display:flex;justify-content:space-between;align-items:end;margin-top:65px}.contact-note p{font-size:13px;line-height:1.5}footer{display:flex;gap:25px;margin:0 4.5vw;padding:24px 0;border-top:1px solid #111;font-size:10px}footer span{margin-right:auto}footer a:last-child{margin-left:auto}dialog{width:min(1200px,94vw);border:0;padding:50px 0 0;background:#fff;max-height:95svh}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.close-film{position:absolute;top:12px;right:15px;border:0;background:none;font:14px Telegraf;cursor:pointer}#film-player{aspect-ratio:16/9;background:#111}#film-player iframe,#film-player video{width:100%;height:100%;border:0;display:block}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1800px){.hero h1{font-size:245px}.hero{min-height:1000px}}@media(max-width:800px){header{padding:20px 5vw}nav{gap:15px;font-size:11px}.location{display:none}.hero{padding:60px 5vw 65px;min-height:680px}.hero h1{font-size:14.5vw;letter-spacing:-.06em}.hero h1>span{margin-left:7vw}.hero h1 sup{right:-10vw;font-size:5vw}.hero-base{grid-template-columns:1fr auto}.hero-base p:nth-child(2){display:none}.feature-meta{grid-template-columns:30px 1fr auto;gap:12px;padding:0 5vw 20px}.feature-meta>div{grid-column:2;grid-row:2}.feature-meta .watch{grid-column:3;grid-row:1}.feature-image{height:64vw}.feature{margin-bottom:65px}.archive,.about,.services{padding:0 5vw 80px}.archive summary{grid-template-columns:30px 1fr 20px;gap:12px}.archive-role{display:none}.project-detail{margin-left:42px}.about-main{gap:35px}.about-main>h2{font-size:7vw}.bio .lead{font-size:22px}.bio p{font-size:14px}.service{gap:35px}.service p{font-size:15px}.contact{padding-left:5vw;padding-right:5vw}.hero-top{font-size:10px}.about-bottom{grid-template-columns:1fr 1fr}.about-bottom p{display:none}}
@media(max-width:480px){nav a[href="#services"]{display:none}nav{gap:18px}.hero{min-height:640px;padding-top:45px}.hero h1{font-size:15vw;margin:75px 0}.hero h1>span{margin-left:4vw}.hero h1 sup{right:-12vw;top:-25px;font-size:7vw}.hero-base p:first-child{font-size:27px}.hero-top{font-size:9px}.feature-meta h3{font-size:27px}.watch{font-size:10px}.feature-image{height:92vw}.play{font-size:10px;bottom:20px;padding:11px 15px}.feature-meta .description{font-size:10px}.section-title>span{font-size:8px}.archive h3{font-size:23px}.about-main{grid-template-columns:1fr;margin-top:35px}.about-main>h2{font-size:15vw}.bio{max-width:none}.bio p{font-size:16px}.about-bottom>span{font-size:22vw}.about-bottom small{font-size:8px;letter-spacing:0}.service{grid-template-columns:1fr;gap:20px}.contact h2{font-size:19vw}.contact-note{margin-top:45px}.contact-note p{font-size:10px}footer{gap:15px;font-size:8px}footer a:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
/* A shared, restrained choreography. */
:root{--motion-ease:cubic-bezier(.22,.72,.18,1);--motion-time:1100ms}
body{overflow-x:clip}
.hero h1{line-height:.76;letter-spacing:-.065em}
.hero h1>.name-line{display:block;margin:0;line-height:.91}
.hero h1>.first-name,.hero h1>.surname{font-weight:800}
.hero h1>.surname{margin-left:12vw;margin-top:-.08em}
.line-mask{display:block;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em}
.line-content{display:block;transform-origin:0 100%}
.scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;background:#111;transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
.hero-track{height:145svh}.hero-track>.hero{position:sticky;top:0;height:100svh;min-height:100svh;padding-top:55px;padding-bottom:60px;overflow:hidden}
.about-track{height:140svh;position:relative}.about-track>.about-main{position:sticky;top:12svh;padding-top:30px;margin-top:25px}
.contact.epic-track{height:140svh;overflow:visible;padding-top:0;padding-bottom:0}.contact-stage{position:sticky;top:0;min-height:100svh;padding-top:55px;padding-bottom:35px;overflow:hidden}.contact-stage>span{font-size:10px}
.scroll-scene,.feature-naked .scroll-scene{height:145svh;position:relative}.scroll-scene>.feature-image{position:sticky;top:5svh;height:90svh;background:#fff}.scroll-scene img{height:100%;top:0;object-fit:cover}.naked-cover img{object-fit:contain}
.reel-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.surface-ready>img{opacity:0!important}.surface-ready .play{z-index:2}
.play{transition:transform 650ms var(--motion-ease),background 650ms var(--motion-ease)}.feature-image:hover .play{transform:translateY(-4px);background:#eee}
.archive details{overflow:hidden}.plus{transition:transform 650ms var(--motion-ease)}.archive summary h3{transition:transform 650ms var(--motion-ease)}.archive summary:hover h3{transform:translateX(5px)}
nav a{position:relative}nav a::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 650ms var(--motion-ease)}nav a:hover::after{transform:scaleX(1);transform-origin:left}
.rolling-count{display:inline-flex!important;line-height:1!important;letter-spacing:-.07em!important;overflow:hidden;vertical-align:bottom;padding-right:.08em}.digit-window{display:inline-block;height:1em;overflow:hidden;line-height:1;letter-spacing:-.07em}.digit-reel{display:flex;flex-direction:column;transition:transform 2.2s var(--motion-ease);transform:translateY(0);will-change:transform}.digit-reel>span{display:block;height:1em;line-height:1}.count-suffix{font:inherit;letter-spacing:inherit}
dialog.portrait{width:min(440px,94vw)}dialog.portrait #film-player{aspect-ratio:9/16;max-height:calc(90svh - 50px)}
@media(prefers-reduced-motion:no-preference){.scroll-copy,.intro-copy{will-change:transform,opacity}.line-content{will-change:transform}.hero h1 sup{animation:none}}
@media(max-width:800px){.hero h1>.surname{margin-left:7vw}.about-track{height:155svh}.about-track>.about-main{top:8svh}}
@media(max-width:600px){.hero-track{height:125svh}.hero-track>.hero{padding-top:45px;padding-bottom:65px}.hero h1>.surname{margin-left:4vw}.about-track{height:auto}.about-track>.about-main{position:relative;top:auto}.contact.epic-track{height:125svh}.scroll-scene,.feature-naked .scroll-scene{height:110svh}.scroll-scene>.feature-image{height:70svh;top:15svh}.feature-naked .feature-image{height:56.25vw;top:25svh}}
@media(prefers-reduced-motion:reduce){.hero-track,.about-track,.contact.epic-track,.scroll-scene,.feature-naked .scroll-scene{height:auto}.hero-track>.hero,.about-track>.about-main,.contact-stage,.scroll-scene>.feature-image{position:relative;top:auto;min-height:0;height:auto}.scroll-scene>.feature-image{height:65vw}.scroll-progress{display:none}}
.hero h1>.name-line{line-height:.83;padding-bottom:.075em;margin-bottom:-.075em}.hero h1>.surname{margin-top:-.14em}

.hero{position:relative}.hero h1{margin-bottom:0}.hero-role{align-self:flex-end;margin:8px 9vw 45px 0;font-size:12px;text-align:right;font-weight:400}.hero-base p:first-child{font-size:clamp(19px,2vw,30px)}
.hero-track{height:135svh}.about-track{height:auto}.about-track>.about-main{position:relative;top:auto;padding-top:20px;margin-top:25px}.contact.epic-track{height:auto}.contact-stage{position:relative;top:auto;min-height:90svh;display:flex;flex-direction:column;justify-content:center}.contact-note{width:100%}
@media(max-width:600px){.hero-role{margin:6px 3vw 38px 0;font-size:10px}.hero h1{margin-top:65px;margin-bottom:0}.hero-track{height:120svh}.hero-base p:first-child{font-size:23px}.contact.epic-track{height:auto}.contact-stage{min-height:80svh}.about-track{height:auto}}

.hero-identity{width:max-content;max-width:100%;margin:45px 0 30px}.hero-identity h1{margin:0}.hero-role{margin:18px 0 0;text-align:right}.hero-identity h1 sup{right:-14vw}@media(max-width:600px){.hero-identity{margin:55px 0 35px}.hero-identity h1{margin:0}.hero-role{margin:12px 0 0;font-size:10px}}

@media(max-width:600px){.feature-naked .scroll-scene{height:125svh}.feature-naked .feature-image{height:80svh;top:10svh}.feature-naked .feature-image>img{content:url('assets/naked-cloud-portrait-small-mic-v2.png');object-fit:contain}}

/* Reveal during entry, then continue normal document scrolling without a pinned hold. */
.scroll-scene,.feature-naked .scroll-scene{height:auto}.scroll-scene>.feature-image,.feature-naked .feature-image{position:relative;top:auto;height:90svh}
@media(max-width:600px){.scroll-scene>.feature-image{height:70svh}.feature-naked .feature-image{height:80svh;top:auto}}

.hero-role{margin-top:7px;line-height:1.05}.hero h1>.surname{margin-top:-.18em}.hero-top{text-transform:none}.line-mask{perspective:950px}.line-content{backface-visibility:hidden;transform-origin:50% 100%}@media(max-width:600px){.hero-role{margin-top:6px}}
.editorial-line{position:absolute;left:0;top:0;width:100%;overflow:hidden;pointer-events:none;z-index:0;color:#4059a3}.editorial-line path{stroke:currentColor;stroke-width:1.25;opacity:.48;stroke-linecap:round}.editorial-line circle{fill:currentColor;opacity:.7}header,main,footer{position:relative;z-index:1}.feature-image{isolation:isolate}@media(max-width:600px){.editorial-line path{stroke-width:1;opacity:.35}}

.hero h1>.first-name{font-style:oblique 8deg;padding-right:.10em;margin-right:-.10em}.hero-identity{padding-right:.035em}

.hero-letter,.contact-letter{display:inline-block;transform-origin:50% 100%}.hero h1 .line-content{transform:none!important}.hero h1 .first-name .line-content{padding-right:.12em;margin-right:-.12em}
.feature{margin-top:18px;margin-bottom:65px}.feature-meta{padding-bottom:14px}.scroll-scene>.feature-image,.feature-naked .feature-image{height:auto;aspect-ratio:16/9}.scroll-scene img{object-fit:cover}.feature-naked .feature-image img{object-fit:cover}
@media(max-width:600px){.scroll-scene>.feature-image,.feature-naked .feature-image{height:auto;aspect-ratio:9/16}.feature{margin-bottom:45px}.feature-meta{padding-bottom:10px}}
.editorial-line .travelling-letter{fill:#141414;paint-order:stroke;stroke:#fff;stroke-width:2px;stroke-linejoin:round}

.hero-track>.hero{padding-top:18px}.hero-top{align-items:start}.editorial-line{z-index:4}.editorial-line path{opacity:.65;stroke-width:1.15}.editorial-line .travelling-letter{font-family:Telegraf,Arial,sans-serif;font-weight:800;stroke-width:2.5px}.feature-image{filter:grayscale(1)}@media(max-width:600px){.hero-track>.hero{padding-top:14px}.editorial-line path{opacity:.5}}
.hero-role{margin-top:20px}@media(max-width:600px){.hero-role{margin-top:18px}}

@media(hover:hover){.feature-image{transition:filter 650ms var(--motion-ease)}.feature-image:hover,.feature-image:focus-visible{filter:grayscale(0)}}
.hero-track>.hero{overflow:visible;z-index:5}.hero h1>.name-line,.hero h1 .line-mask{overflow:visible!important}.hero-letter{position:relative;vertical-align:baseline}.letter-ink{display:inline-block;transform-origin:0 0;will-change:transform}.hero h1 .letter-ink{backface-visibility:hidden}.hero-letter.extra-letter{position:absolute;left:0;top:0;width:0!important;opacity:0}.editorial-line path{stroke-dasharray:none!important;stroke-dashoffset:0!important}

.hero-role{margin-top:28px}@media(max-width:600px){.hero-role{margin-top:25px}}

/* The curve is a motion guide only; project credits remain visible at every width. */
.editorial-line{visibility:hidden!important}.archive-role{display:block;line-height:1.4;color:#555}
@media(max-width:800px){.archive summary{grid-template-columns:26px minmax(0,1fr) minmax(110px,25%) 18px;gap:12px}.archive-role{display:block;font-size:10px}.archive h3{font-size:22px}}
@media(max-width:480px){.archive summary{grid-template-columns:20px minmax(0,1fr) 105px 14px;gap:8px}.archive h3{font-size:18px}.archive-role{font-size:9px}.index{font-size:9px}.plus{font-size:20px}}
/* Animated text must not become a scroll anchor or enlarge the document overflow. */
html,body,main{overflow-anchor:none}main{overflow:clip}

.travelling-type-layer{position:fixed;inset:0;z-index:12;pointer-events:none;overflow:hidden;contain:strict}.travelling-type-layer .letter-ink{display:block;backface-visibility:visible;will-change:transform;letter-spacing:-.065em}

/* The first screen scrolls immediately; shrinking letters run independently. */
.hero-track{height:auto}.hero-track>.hero{position:relative;top:auto;height:calc(100svh - 78px);min-height:650px}nav{text-transform:uppercase}.hero h1>.first-name{font-style:oblique 10deg}.social-links{display:flex;align-items:center;gap:16px}.social-links a{display:inline-flex!important;margin:0!important}.social-links svg{width:20px;height:20px;display:block}footer{align-items:center;flex-wrap:wrap}
@media(max-width:600px){.hero-track{height:auto}.hero-track>.hero{height:calc(100svh - 70px);min-height:610px}nav{gap:12px;font-size:10px}.social-links{gap:13px}.social-links svg{width:19px;height:19px}}

.hero h1>.first-name{font-style:normal}
header .header-socials{display:flex;justify-content:flex-end;gap:14px}header .header-socials svg{width:18px;height:18px}.sand-motion{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:12}.travelling-type-layer{display:none!important}
@media(max-width:600px){header{flex-wrap:wrap}header .header-socials{gap:10px}header .header-socials svg{width:16px;height:16px}}
.hero-role{font-size:24px;line-height:.95;margin-top:5px;letter-spacing:-.035em}
@media(max-width:600px){.hero-role{font-size:20px;line-height:.95;margin-top:4px}}
/* Each digit owns its full glyph width; only the vertical reel is clipped. */
.rolling-count{overflow:visible;padding-right:.12em;letter-spacing:0!important;gap:0}
.digit-window{width:.7em;flex:0 0 .7em;letter-spacing:0;overflow:hidden}
.digit-reel>span{width:100%;text-align:center;letter-spacing:0}
.contact-stage h2 .line-mask,.contact-stage h2 .line-content{overflow:visible;transform:none!important}
.social-links svg [stroke]{stroke-width:2.5}
.language-switch{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap;margin-left:auto}
.language-switch a{opacity:.45;padding:5px 0}.language-switch a[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:4px}
header nav{margin-left:auto}header .header-socials{margin-left:5px}
html[lang=ru] body{font-family:Telegraf,Arial,sans-serif}html[lang=ru] .hero-role{font-size:clamp(14px,1.65vw,24px)}
html[lang=ru] .about-main>h2{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.055em}
html[lang=de] .contact h2{font-size:clamp(52px,10.7vw,190px)}
@media(max-width:800px){header{gap:14px}header nav{gap:12px}.language-switch{gap:8px;font-size:10px}}
@media(max-width:600px){header{display:grid;grid-template-columns:auto 1fr auto}.wordmark{grid-column:1}.language-switch{grid-column:2;grid-row:1;justify-self:end}.header-socials{grid-column:3;grid-row:1}header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;margin:0}html[lang=ru] .hero-role{font-size:16px}html[lang=de] .hero-role{font-size:17px}html[lang=de] .contact h2{font-size:14vw}}
.hero-identity.particle-active h1,.hero-identity.particle-active .hero-role{visibility:hidden}
/* The same compact media panel sits beneath each project's credit column. */
.project-detail{margin:0;padding:0 0 30px;max-width:none;display:grid;grid-template-columns:60px minmax(0,1fr) minmax(260px,300px) 20px;gap:20px;align-items:start}
.project-copy{grid-column:2}.project-copy p{margin:0 0 18px;font-size:14px;line-height:1.5;max-width:520px}.project-panel{grid-column:3/-1;min-width:0;min-height:175px}.project-copy .project-source{font-size:11px}
.project-detail .project-media img{width:100%;max-height:none;object-fit:contain}
.project-player,.project-gallery{width:100%}.media-frame{aspect-ratio:16/9;background:#f2f2f0;position:relative;overflow:hidden}.media-surface{position:absolute;inset:0;display:grid;place-items:center}.media-surface>img{position:absolute;width:100%;height:100%;object-fit:cover!important}.media-surface>video,.media-surface>iframe{width:100%;height:100%;border:0;background:#101010}.media-play{z-index:1;border:0;background:#fff;color:#111;font:12px Telegraf,Arial,sans-serif;padding:12px 17px;cursor:pointer}.media-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:9px}.media-button{padding:0;border:0;background:none;font:11px Telegraf,Arial,sans-serif;cursor:pointer}.media-original{font-size:10px!important;margin:0!important}.embed-note{font-size:10px!important;color:#777;line-height:1.4!important;margin:8px 0!important}.media-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px}.media-tab{font:11px Telegraf,Arial,sans-serif;padding:3px 0;background:none;border:0;border-bottom:1px solid transparent;cursor:pointer;color:#777}.media-tab[aria-pressed=true]{color:#111;border-color:#111}.gallery-frame{aspect-ratio:4/3;display:grid;place-items:center;background:#f2f2f0;overflow:hidden}.gallery-frame>img{width:100%;height:100%;object-fit:contain!important}.gallery-thumbs{display:flex;gap:6px;overflow:auto;margin-top:12px;padding-bottom:5px}.gallery-thumb{flex:0 0 48px;aspect-ratio:1;border:1px solid transparent;background:none;padding:0;cursor:pointer;opacity:.55}.gallery-thumb[aria-current=true]{opacity:1;border-color:#111}.gallery-thumb img{width:100%;height:100%;object-fit:cover!important}.gallery-count{font-size:11px}.backstage-link{font:11px Telegraf,Arial,sans-serif;background:none;padding:0 0 5px;border:0;border-bottom:1px solid;cursor:pointer;grid-column:4;justify-self:start;white-space:nowrap}.feature-meta .watch{grid-column:4;grid-row:1}.feature-meta .backstage-link{grid-row:2;margin-top:-12px}.feature-meta:has(.backstage-link)>div{grid-row:1/3}
.project-modal{width:min(1000px,94vw);padding:50px 25px 25px}.project-modal #film-player{aspect-ratio:auto;background:#fff}.project-modal .media-frame{max-height:65svh}.project-modal .gallery-frame{height:60svh;aspect-ratio:auto}.project-modal .project-media{width:100%}.project-modal .gallery-thumbs{max-height:64px}.media-frame:fullscreen,.gallery-frame:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#111}.media-frame:fullscreen iframe,.media-frame:fullscreen video{object-fit:contain}
.digit-window{mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 87%,transparent 100%)}
@media(max-width:800px){.project-detail{grid-template-columns:30px minmax(0,1fr) minmax(220px,270px) 20px;gap:12px}.feature-meta .watch{grid-column:3}.feature-meta .backstage-link{grid-column:3;grid-row:2;margin:0}.feature-meta:has(.backstage-link)>div{grid-row:2;grid-column:2}}
@media(max-width:600px){.project-detail{display:block;padding:0 0 25px 0;margin-left:42px}.project-panel{margin-top:20px}.project-copy p{font-size:14px}.project-modal{padding:48px 14px 18px}.project-modal .gallery-frame{height:54svh}.project-modal .instagram-frame{aspect-ratio:9/13;max-height:65svh}.feature-meta:has(.backstage-link)>div{grid-row:2/4}.feature-meta .backstage-link{grid-row:3}.media-toolbar{gap:10px}}
.feature-meta>.work-number{grid-column:1;grid-row:1}.feature-meta>h3{grid-column:2;grid-row:1}.feature-meta>div,.feature-meta:has(.backstage-link)>div{grid-column:3;grid-row:1/3}
@media(max-width:800px){.feature-meta>div,.feature-meta:has(.backstage-link)>div{grid-column:2;grid-row:2/4}.feature-meta .watch{grid-column:3;grid-row:1}.feature-meta .backstage-link{grid-column:3;grid-row:2;margin-top:0}}
.media-tab{font-size:22px;font-weight:800;line-height:1.1;color:#aaa;padding:5px 0;border-bottom:0;letter-spacing:-.025em}.media-tab[aria-pressed=true]{color:#111;border-bottom:0}.media-tabs{gap:20px;margin-bottom:16px}
.media-frame.portrait-frame{aspect-ratio:9/16}.media-frame.instagram-frame{aspect-ratio:9/19.5}.media-surface>video{object-fit:contain}.media-surface>img{object-fit:contain!important}
.gallery-frame{height:auto;aspect-ratio:3/4}.gallery-frame>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain!important}
.project-modal .media-frame{max-height:none;max-width:100%}.project-modal .instagram-frame,.project-modal .portrait-frame{width:min(100%,360px);margin:0 auto}.project-modal .gallery-frame{height:60svh;aspect-ratio:auto!important}
@media(max-width:600px){.media-tab{font-size:20px}.project-modal .instagram-frame{aspect-ratio:9/19.5;max-height:none}.project-modal .portrait-frame{aspect-ratio:9/16;max-height:none}.project-panel .instagram-frame{max-width:100%}.media-tabs{gap:16px}}
.project-modal .instagram-frame{width:min(100%,32svh,360px)}.project-modal .portrait-frame{width:min(100%,40svh,360px)}
/* Bound modal video by viewport height, preserving the actual media ratio. */
.project-modal .media-frame{margin-inline:auto;width:min(100%,calc(64svh * 1.777778));max-height:none}
.project-modal .media-frame.measured-frame{width:min(100%,calc(64svh * var(--media-ratio)))}
.project-modal .media-frame.instagram-frame{width:min(100%,calc(64svh * .461538))}
.project-modal .media-frame.portrait-frame{width:min(100%,36svh)}
.media-frame.landscape-frame{aspect-ratio:16/9}
@media(max-width:600px){
 .hero-track>.hero{height:auto;min-height:0;padding-bottom:34px;gap:28px}
 .hero-identity{width:calc(100% - 20px);margin:42px 0 38px 20px;padding-right:0}
 .hero-identity h1{width:100%;font-size:15vw}
 .hero h1>.first-name{margin-left:0}.hero h1>.surname{margin-left:4vw}
 .hero-identity .hero-role,html[lang=ru] .hero-identity .hero-role,html[lang=de] .hero-identity .hero-role{font-size:11px;line-height:1.05;margin:6px 0 0;text-align:right;width:100%;letter-spacing:-.025em}
 .hero-identity h1 sup{right:0;top:-25px}
 .project-detail{margin-left:0;margin-right:0;padding-bottom:25px}.project-panel{width:100%;margin-inline:auto}.project-copy p{max-width:none}
 .services{padding-bottom:30px}.contact{padding-top:0}.contact-stage{min-height:0;padding-top:24px;padding-bottom:22px;justify-content:flex-start}.contact h2{margin-top:30px;margin-bottom:28px}.contact-note{margin-top:28px}
 .project-modal .media-frame.portrait-frame{width:min(100%,36svh)}
}
@media(max-width:600px){.hero-track>.hero{min-height:min(560px,72svh)}}
.contact-note{padding-bottom:24px}.contact-stage{padding-bottom:45px}footer{position:relative;margin-top:18px}
@media(max-width:600px){.contact-stage{padding-bottom:32px}.contact-note{margin-bottom:0;padding-bottom:22px}footer{margin-top:16px;padding-top:24px;padding-bottom:24px}}
.particle-destination{visibility:hidden!important}.particle-rule-pending{border-top-color:transparent!important}
/* Contact information stays fully readable even when the last viewport is shorter. */
.contact-stage .contact-email,.contact-stage .contact-note p{opacity:1!important;transform:none!important;color:#111}
.about-main>h2{grid-column:1;grid-row:1}.about-main>.bio{grid-column:2;grid-row:1/3}.about-portrait{grid-column:1;grid-row:2;margin:0;width:min(70%,300px)}.about-portrait img{display:block;width:100%;height:auto}
#work .feature:first-of-type .feature-meta>.work-number,#work .feature:first-of-type .feature-meta>div,#work .feature:first-of-type .feature-meta>.watch{transition:opacity .4s ease,transform .4s ease}
#work.particle-copy-pending .feature:first-of-type .feature-meta>.work-number,#work.particle-copy-pending .feature:first-of-type .feature-meta>div,#work.particle-copy-pending .feature:first-of-type .feature-meta>.watch{opacity:0!important;transform:translateY(12px)!important}
@media(max-width:600px){.about-main>h2{grid-column:1;grid-row:1}.about-portrait{grid-column:1;grid-row:2;width:min(78%,300px);margin:8px 0 4px}.about-main>.bio{grid-column:1;grid-row:3}}
.about-main{row-gap:32px;align-items:start}

.about-main>.bio{grid-column:2;grid-row:1;align-self:center}.about-portrait{position:relative;grid-column:1;grid-row:1;width:100%;margin:0;overflow:hidden}.about-portrait:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}.about-portrait h2{position:absolute;z-index:1;bottom:28px;left:28px;right:24px;color:white;font-size:clamp(32px,4.1vw,66px);font-weight:800;line-height:.98;letter-spacing:-.05em;margin:0}.about-portrait img{width:100%;height:auto;display:block}html[lang=ru] .about-portrait h2{font-family:Arial,sans-serif;font-size:clamp(30px,3.7vw,60px)}
@media(max-width:600px){.about-main{grid-template-columns:1fr}.about-portrait{grid-column:1;grid-row:1;width:100%;margin:0 auto}.about-main>.bio{grid-column:1;grid-row:2}.about-portrait h2,html[lang=ru] .about-portrait h2{left:20px;right:18px;bottom:22px;font-size:10.8vw}.services{padding-bottom:8px}.contact-stage{justify-content:flex-start;padding-top:12px;min-height:0}}

/* Strong editorial labels, with deliberately compact section spacing. */
.section-title h2{font-size:26px;font-weight:800}.contact-stage>span{font-size:20px;font-weight:800}
.ink-label,.hero .letter-ink,.hero-role,.contact-stage .line-content,.contact-email,.contact-note p,.about-desktop-heading{background:#111;color:#fff;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.feature-meta h3{width:fit-content}.ink-label{padding:0 .045em}.hero-role{width:fit-content!important;align-self:flex-end;padding:2px 3px}.hero-identity{display:flex;flex-direction:column}.contact-email{align-self:flex-start;padding:3px 4px}.contact-note p{width:fit-content;padding:2px 3px}.contact-stage .line-content{width:fit-content;padding:0 .035em}.contact-stage .contact-email{color:#fff;opacity:var(--email-reveal,1)!important;transition:opacity .3s ease}
.about-main>.bio{align-self:start}.about-desktop-heading{font-size:clamp(32px,3.4vw,54px);font-weight:800;line-height:1.02;letter-spacing:-.045em;margin:0 0 26px;width:fit-content;padding:5px 8px}.about-portrait{max-width:400px;justify-self:center}.about-portrait h2{display:none}.about-portrait:after{display:none}.about-track>.about-main{margin-top:12px;padding-top:0;gap:5vw;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.bio{max-width:620px}.bio p{font-size:18px}.bio .lead{font-size:26px}
@media(max-width:600px){.section-title h2{font-size:19.5px}.contact-stage>span{font-size:15px}.about-track>.about-main{grid-template-columns:1fr;margin-top:4px;padding-top:0;gap:24px}.about-portrait{max-width:none;width:100%}.about-portrait h2{display:block}.about-portrait:after{display:block}.about-desktop-heading{display:none}.bio p{font-size:16px}.bio .lead{font-size:22px}.about-portrait h2{background:transparent}.hero-role{font-size:11px}.contact-note p{color:#fff!important}}
@media(prefers-reduced-motion:reduce){.contact-stage .contact-email{opacity:1!important}}

.contact-stage .contact-note p{color:#fff!important}

/* Particle destinations stay in the same coordinate space as their canvas tiles. */
#work>.section-title,#work .feature:first-of-type .feature-meta>h3,.contact-stage>span{transform:none!important;opacity:1!important}
.contact-stage{min-height:0;justify-content:flex-start;padding-top:24px;padding-bottom:28px}.contact{padding-bottom:24px}.contact-note{margin-top:36px}

.hero .letter-ink{background:transparent;color:#fff}.hero h1 .name-line{background:#111;width:fit-content;overflow:visible;padding:.015em .045em .025em}.hero h1 .first-name{padding-left:.11em;padding-right:.11em}.hero h1 .surname{padding-left:.045em;padding-right:.07em}

.about-desktop-heading{font-size:clamp(25px,2.55vw,42px);line-height:1.08;white-space:nowrap}html[lang=ru] .about-desktop-heading{font-size:clamp(23px,2.2vw,36px);white-space:normal}

.chaos-context{font-size:clamp(17px,1.6vw,25px);line-height:1.35;max-width:650px;margin:24px 0 0;letter-spacing:-.025em}.pixel-resolve{will-change:mask-image}.hero .letter-ink{opacity:1!important}.hero h1 .first-name .letter-ink{transform:skewX(-10deg)!important}.hero h1 .surname .letter-ink{transform:none!important}@media(hover:none),(pointer:coarse){.feature-image{filter:grayscale(1);transition:filter .4s ease}.feature-image.touch-color{filter:grayscale(0)}}@media(max-width:600px){.chaos-context{font-size:17px;margin-top:18px}}

/* Keep the three identity plates separate at every breakpoint. */
.hero h1>.name-line{line-height:.94;margin-bottom:0;padding-bottom:.055em}.hero h1>.surname{margin-top:.045em}.hero-identity .hero-role{margin-top:14px!important;position:relative;line-height:1.12;padding:3px 5px}.chaos-context{opacity:var(--context-reveal,0);transition:opacity .25s ease}
@media(max-width:600px){.hero h1>.surname{margin-top:.06em}.hero-identity .hero-role{margin-top:10px!important}}@media(prefers-reduced-motion:reduce){.chaos-context{opacity:1}}

.contact-stage .contact-note p{background:transparent;color:#111!important;padding:0}

.opening-slate{position:fixed;inset:0;width:100%;height:100%;z-index:100;pointer-events:none}.about-portrait img{will-change:mask-image}

.hero h1>.surname{margin-top:0!important}.hero h1>.name-line{margin-bottom:0!important}

.contact-stage>span,.contact-stage>.chaos-context,.contact-stage>h2{opacity:var(--closing-reveal,0)!important;transition:none;transform:none!important}@media(prefers-reduced-motion:reduce){.contact-stage>span,.contact-stage>.chaos-context,.contact-stage>h2{opacity:1!important}}

.motion-intro{position:fixed;inset:0;z-index:1000;background:#fff;pointer-events:none;opacity:1;transition:opacity .35s ease}.motion-intro video{display:block;width:100%;height:100%;object-fit:contain}.motion-intro.leaving{opacity:0}@media(prefers-reduced-motion:reduce){.motion-intro{display:none}}
.contact-stage h2{position:relative}.chaos-title-link{position:absolute;inset:0;z-index:2;display:block;cursor:pointer;border:0;padding:0}.chaos-title-link:focus-visible{outline:2px solid #111;outline-offset:8px}

.motion-intro{transition:opacity .08s linear}

/* The rendered ident occupies only the name; the localized page remains visible. */
.hero-identity{position:relative}.hero-identity>.motion-intro{position:absolute;inset:0 0 auto 0;width:100%;height:var(--name-intro-height,100%);z-index:6;overflow:hidden;transition:opacity .08s linear}.hero-identity>.motion-intro video{object-fit:fill;width:100%;height:100%}

.hero h1.canonical-name{background-image:url('/wp-content/plugins/mk-portfolio/site/assets/name-desktop-native.png');background-size:100% 100%;background-repeat:no-repeat}.hero h1.canonical-name>.name-line{visibility:hidden}@media(max-width:600px){.hero h1.canonical-name{background-image:url('/wp-content/plugins/mk-portfolio/site/assets/name-mobile-native.png')}}
.native-name-opening .hero h1>.name-line{background:var(--intro-plate,transparent)}.native-name-opening .hero h1 .letter-ink{color:var(--intro-ink,#111)!important}.native-name-opening .hero h1 .first-name .letter-ink{transform:skewX(var(--intro-slant,0deg))!important}.hero-identity .hero-role{visibility:visible}.hero-identity.particle-active .hero-role{visibility:hidden}