/* Cinematic system: original work, scroll-led chapters, accessible static mode. */
:root{--paper:#101612;--ink:#eee9dc;--muted:#aaa99e;--line:#e8e5d22b;--accent:#d9d58e;--ambient:#171f35;color-scheme:dark}
html{scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);isolation:isolate}::selection{background:#d9d58e;color:#101612}#atmosphere{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.65}.reading-progress{position:fixed;inset:0 auto auto 0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);z-index:100;pointer-events:none}
.header{position:fixed;top:0;inset-inline:5%;width:90%;height:78px;z-index:40;transition:background .3s,box-shadow .3s}.header:before{content:'';position:absolute;inset:0 -5.56%;z-index:-1;background:#10161200;transition:background .3s,backdrop-filter .3s}.has-scrolled .header:before{background:#101612db;backdrop-filter:blur(16px)}.wordmark{font-size:20px}.header-actions{gap:26px}.menu-toggle span{background:var(--ink)}.motion-toggle{font-size:10px;color:var(--muted);padding:10px 0;min-height:40px}.motion-toggle:before{content:'';display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-inline-end:8px}.motion-toggle[aria-pressed=true]:before{background:var(--muted)}
.hero{position:relative;display:block;width:100%;height:110svh;min-height:720px;max-height:none;padding:0;border:0;overflow:clip;perspective:1300px}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#101612 0%,transparent 24%,transparent 75%,#10161290 100%);z-index:4}.hero-copy{position:absolute;inset-inline:5%;top:39%;width:90%;text-align:center;transform:translateY(-35%);z-index:5;display:block;pointer-events:none}.hero h1,[lang=en] .hero h1{font-size:clamp(100px,12.4vw,210px);font-weight:700;line-height:1.02;letter-spacing:-.05em;margin:0 auto;color:#eee9dc;text-shadow:0 3px 45px #0b100fe6;max-width:70%}.hero h1 span{display:block}.hero h1 span+span:before{content:none}[lang=en] .hero h1{font-size:clamp(85px,10.5vw,178px);line-height:.94;letter-spacing:-.065em}.hero .role{font-size:23px;color:var(--accent);margin:32px 0 0}.hero .tagline,[lang=en] .hero .tagline{max-width:none;margin:5px 0 0;font-size:17px}.hero .tags{display:none}.hero-art{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.art-fragment{position:absolute;box-shadow:0 30px 80px #0008;will-change:transform;opacity:.8;overflow:hidden}.art-fragment img{object-fit:cover}.fragment-voda{width:29vw;height:27vw;left:-7vw;top:16%;transform:rotate(-13deg)}.fragment-notcha{width:23vw;height:19vw;left:31%;top:-5%;transform:rotate(13deg);opacity:.45}.fragment-days{width:29vw;height:24vw;right:-9vw;top:24%;transform:rotate(14deg)}.fragment-app{width:12vw;height:25vw;left:14%;top:66%;transform:rotate(-19deg);border-radius:22px;opacity:.6}.hero-orbit{position:absolute;width:77vw;height:30vw;left:12%;top:31%;border:1px solid #d9d58e38;border-radius:50%;transform:rotate(-28deg);z-index:3;pointer-events:none}.hero-orbit:after{content:'';width:7px;height:7px;background:#e1dca0;border-radius:50%;position:absolute;top:12%;left:16%;box-shadow:0 0 16px #e8d99d}.scroll-cue{position:absolute;bottom:10%;inset-inline-end:5%;display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted);z-index:6}.scroll-glyph{width:22px;height:37px;border:1px solid #b5b69a80;border-radius:15px;position:relative}.scroll-glyph:after{content:'';width:3px;height:7px;position:absolute;left:8px;top:8px;border-radius:2px;background:var(--accent);animation:scroll-dot 2s ease-in-out infinite}@keyframes scroll-dot{50%{transform:translateY(12px);opacity:.3}}
.about{padding-top:120px;padding-bottom:140px}.intro{grid-template-columns:minmax(0,1fr) 160px;gap:9%;padding-bottom:90px}.bio{font-size:clamp(28px,3.1vw,49px);line-height:1.48}.bio span{color:#73796f}.bio span.lit{color:#e7e8d2}.intro .small-label{color:var(--accent);font-size:13px}.tilted-work{width:160px;aspect-ratio:.9;box-shadow:0 25px 60px #0006}.collaborations{grid-template-columns:1fr 25%;border-color:var(--line)}.logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 35px}.logos img{background:transparent;mix-blend-mode:normal;filter:invert(1);object-fit:contain;height:56px;padding:5px;width:100%;opacity:.78}.work-teaser{aspect-ratio:1.6}.small-label{color:var(--muted)}
.projects{width:100%;max-width:none;height:380svh;min-height:2400px;padding:0;position:relative;--chapter-bg:#141a30;--chapter-accent:#d9d58e;scroll-margin-top:-90px}.app-pin{position:sticky;top:0;height:100svh;min-height:650px;overflow:clip;background:radial-gradient(ellipse at 50% 60%,var(--chapter-bg) 0%,#0d1111 70%);transition:background-color .8s}.app-pin:after{content:'';position:absolute;inset:auto 0 0;height:18%;background:linear-gradient(0deg,#101612,transparent);pointer-events:none}.app-heading{position:absolute;top:105px;inset-inline:5%;z-index:4;display:flex;justify-content:space-between;align-items:center}.app-heading h2{font-size:16px;letter-spacing:0;color:var(--chapter-accent)}.app-heading>span{font-size:11px;color:var(--muted);direction:ltr}.app-stage{position:absolute;inset:150px 5% 110px;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:5%;align-items:center;direction:ltr;perspective:1400px}.story-copy{grid-area:1/3;text-align:right;direction:rtl;z-index:4;min-width:0}.story-side{grid-area:1/1;align-self:center;direction:rtl;text-align:right;z-index:2}.story-copy[hidden],.story-side[hidden]{display:none}.story-copy .chapter-number{display:block;color:var(--chapter-accent);font-size:12px;letter-spacing:.1em;margin-bottom:20px}.story-copy h3{font-size:clamp(48px,5.2vw,88px);font-weight:400;line-height:1.06;letter-spacing:-.045em;margin-bottom:26px}.story-copy p{font-size:15px;line-height:1.8;color:#bfC0b8;max-width:320px;margin-bottom:30px}.story-copy .outline{border-color:#d9d58e75;min-width:170px;padding:13px 24px;color:var(--ink)}.story-copy .outline:hover{background:var(--chapter-accent);color:#0c1210}.story-side .chapter-hook{font-size:clamp(25px,2.7vw,45px);line-height:1.35;letter-spacing:-.03em;max-width:300px}.story-side .chapter-scope{font-size:12px;color:var(--muted);margin-top:28px;border-top:1px solid var(--line);padding-top:18px;max-width:280px}.story-copy:not([hidden]),.story-side:not([hidden]){animation:chapter-in .65s both}@keyframes chapter-in{from{transform:translateY(16px)}to{transform:translateY(0)}}[lang=en] .story-copy{grid-column:1;direction:ltr;text-align:left}[lang=en] .story-side{grid-column:3;direction:ltr;text-align:left}[lang=en] .story-copy h3{font-size:clamp(42px,4.6vw,78px)}
.phone-world{grid-area:1/2;position:relative;display:grid;place-items:center;height:100%;transform-style:preserve-3d;pointer-events:none}.phone-aura{position:absolute;width:150%;aspect-ratio:1;border:1px solid #c7c79d26;border-radius:50%;transform:rotateX(35deg) rotateZ(-25deg);box-shadow:0 0 110px #d9d58e04}.phone-aura:before,.phone-aura:after{content:'';position:absolute;inset:12%;border:1px solid #c7c79d15;border-radius:50%;transform:rotateY(50deg)}.phone-aura:after{inset:-12%;transform:rotateX(55deg)}.phone-shell{height:min(66svh,660px);max-width:100%;aspect-ratio:600/1304;position:relative;border-radius:40px;background:#080a0c;padding:8px;box-shadow:0 0 0 1px #b4b7ad,0 0 0 4px #25282b,0 32px 80px #000b,0 0 85px #b2b8f010;will-change:transform;transform-style:preserve-3d}.phone-shell:before{content:'';position:absolute;inset:5px;border:1px solid #c6c2b237;border-radius:36px;z-index:3;pointer-events:none}.phone-screen{position:relative;height:100%;width:100%;border-radius:31px;overflow:hidden;background:#0a0c17}.phone-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity .65s,transform .85s;transform:scale(1.035)}.phone-screen img.is-current{opacity:1;transform:scale(1)}.phone-shadow{position:absolute;width:90%;height:8%;bottom:-10%;background:#0006;filter:blur(18px);border-radius:50%}.app-tabs{position:absolute;bottom:35px;inset-inline:5%;display:grid;grid-template-columns:repeat(3,1fr);z-index:5;border-top:1px solid var(--line);gap:24px}.app-tabs button{position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 0;color:#888f87;text-align:start;gap:12px;font-size:15px}.app-tabs button:before{content:'';position:absolute;top:-1px;inset-inline-start:0;width:100%;height:2px;background:var(--chapter-accent);transform:scaleX(0);transform-origin:right;transition:transform .4s}.app-tabs button[aria-selected=true]{color:var(--chapter-accent)}.app-tabs button[aria-selected=true]:before{transform:scaleX(1)}.app-tabs small{font-size:11px;letter-spacing:.08em}.app-tab-title{flex:1}.app-tabs .tab-dot{width:5px;height:5px;border:1px solid;border-radius:50%}.app-tabs button[aria-selected=true] .tab-dot{background:currentColor}.chapter-status{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.design{padding-top:140px;padding-bottom:120px;width:100%;max-width:none;overflow:clip}.design>.section-heading,.design>.design-subheading,.design>#web-projects,.design>.brand-actions,.gallery-navigation{width:90%;max-width:1600px;margin-inline:auto}.design h2{font-size:clamp(60px,8vw,132px);line-height:1.15}.design .section-heading{margin-bottom:80px}.design-subheading{border-color:var(--line)}.design-subheading h3{font-size:35px;font-weight:400}.website-project{perspective:1500px}.website-image{border:1px solid #d5ce9d45;box-shadow:0 40px 100px #0006;transform:rotateX(var(--web-tilt,8deg));transform-origin:center;will-change:transform;aspect-ratio:1.9}.website-image img{object-position:top}.website-caption h3{font-size:27px}.website-caption p{color:var(--muted)}.identity-heading{margin-top:150px!important;margin-bottom:45px!important}.identity-heading h3{font-size:clamp(48px,7vw,110px);line-height:1.2}.brand-grid{display:flex;gap:28px;width:100%;padding:0 5% 20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;user-select:none}.brand-grid::-webkit-scrollbar{display:none}.brand-grid.dragging{cursor:grabbing;scroll-snap-type:none}.brand-card{flex:0 0 42vw;max-width:650px;scroll-snap-align:start;scroll-margin-inline:5vw}.brand-card button{aspect-ratio:1.12}.brand-card img{-webkit-user-drag:none;pointer-events:none}.brand-caption{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.brand-caption h3{font-size:28px;margin:0}.brand-card p{font-size:14px;color:var(--muted)}.brand-actions{margin-top:40px!important}.gallery-navigation{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:30px;margin-top:35px!important}.gallery-navigation p{font-size:12px;color:var(--muted)}.gallery-navigation>div{display:flex;gap:22px;align-items:center;direction:ltr}.gallery-navigation button{width:44px;height:44px;border:1px solid #aaa9886b;border-radius:50%;font:20px Arial,sans-serif}.gallery-navigation button:disabled{opacity:.25;cursor:default}.gallery-navigation button:hover:not(:disabled){background:var(--accent);color:var(--paper)}#gallery-position{font-size:11px;font-variant-numeric:tabular-nums}.image-cta{background:#101612dc;color:var(--ink)}
.outline{border-color:#d6d6b068}.outline:hover{background:var(--accent);color:var(--paper)}.skills{background:#dcdcc8;color:#101612}.skills .service{border-color:#10161240}.skills .service p{color:#4c534a}.skills .service-number{color:#57614d}.skills h2{font-size:clamp(50px,8vw,130px)}.skills .service h3{font-size:clamp(30px,3.6vw,60px)}.experience{padding-block:140px}.career-row{border-color:var(--line)}.contact{background-image:none!important;background:radial-gradient(ellipse at center,#303d22 0%,#101612 70%);border-top:1px solid var(--line)}.contact-panel{background:transparent;width:min(900px,90%);padding-block:70px}.contact-panel h2{font-size:clamp(65px,8vw,130px);line-height:1.12}.footer-name{color:#d9d58e;font-size:12vw}.footer-bottom{border-color:var(--line)}dialog{background:#131b18;color:var(--ink);border:1px solid #d9d58e33}dialog::backdrop{background:#000b}.menu-dialog{border:0}.menu-dialog nav a{transition:color .2s,transform .3s}.menu-dialog nav a:hover{transform:translateX(-12px)}.detail-gallery img{background:#0b100f}.app-gallery{background:#0a100e}.filters button[aria-pressed=true]{background:var(--accent);color:var(--paper)}.detail-meta,.detail-intro{color:#d0d2c6}.case-story p{color:#b4b8ab}.form-grid select{color-scheme:dark}.form-grid input,.form-grid textarea{border-color:#ffffff50}.reveal-section{opacity:.35;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal-section.in-view{opacity:1;transform:none}
@media(min-width:1600px){.app-stage{inset-inline:10%;gap:7%}.story-copy h3{font-size:85px}.phone-shell{height:62svh}}
@media(max-width:1000px) and (min-width:701px){.story-copy h3{font-size:44px}.story-copy p{font-size:13px}.story-side .chapter-hook{font-size:27px}.story-side .chapter-scope{font-size:10px}.app-stage{gap:4%;grid-template-columns:1fr 1.1fr 1fr}.phone-shell{height:min(52svh,480px)}.hero h1{font-size:14vw}.intro{grid-template-columns:1fr 120px}.tilted-work{width:120px}}
@media(max-width:700px){html{scroll-padding-top:75px}.header{height:66px;inset-inline:6%;width:88%}.wordmark{font-size:16px}.header-actions{gap:18px}.motion-toggle{font-size:9px}.motion-toggle:before{display:none}.hero{height:100svh;min-height:690px}.hero-copy{top:35%;inset-inline:4%;width:92%;transform:translateY(-20%)}.hero h1{font-size:clamp(80px,21vw,140px);max-width:100%;line-height:1.1}[lang=en] .hero h1{font-size:clamp(65px,17.5vw,110px);max-width:100%;line-height:1.05}.hero .role{font-size:18px;margin-top:30px}.hero .tagline,[lang=en] .hero .tagline{font-size:14px}.fragment-voda{width:49vw;height:45vw;left:-23vw;top:14%;opacity:.6}.fragment-notcha{width:40vw;height:31vw;left:37%;top:6%;opacity:.32}.fragment-days{width:48vw;height:45vw;right:-23vw;top:64%;opacity:.55}.fragment-app{width:24vw;height:51vw;top:65%;left:1%;opacity:.4}.hero-orbit{width:130vw;height:55vw;left:-15%;top:35%}.scroll-cue{bottom:7%;inset-inline-end:6%;font-size:10px}.about{padding-block:80px}.intro{display:block;padding-bottom:40px}.bio{font-size:27px;line-height:1.55}.tilted-work{width:110px;margin-top:30px}.collaborations{display:flex}.logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.logos img{height:40px;width:100%;padding:0}.work-teaser{width:70%;align-self:flex-start}.projects{height:340svh;min-height:0}.app-pin{height:100svh;min-height:690px}.app-heading{top:85px;inset-inline:6%}.app-heading h2{font-size:13px}.app-heading>span{font-size:9px}.app-stage{inset:125px 6% 90px;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:20px;direction:inherit}.story-side{display:none!important}.story-copy,[lang=en] .story-copy{grid-area:1/1;direction:inherit;text-align:start;display:grid;grid-template-columns:1fr auto;gap:0 15px;align-items:center}.story-copy[hidden]{display:none!important}.story-copy .chapter-number{grid-column:1/-1;font-size:9px;margin-bottom:8px}.story-copy h3,[lang=en] .story-copy h3{font-size:38px;margin-bottom:0;line-height:1.12}.story-copy p{font-size:12px;line-height:1.6;margin:12px 0 0;grid-column:1/-1;max-width:100%}.story-copy .outline{min-width:0;grid-row:2;grid-column:2;padding:8px 12px;font-size:10px;gap:8px}.story-copy .outline .arrow{width:15px;scale:.75}.phone-world{grid-area:2/1;min-height:0;align-self:stretch}.phone-shell{height:min(48svh,405px);max-height:100%;padding:6px;border-radius:29px}.phone-shell:before{border-radius:25px;inset:3px}.phone-screen{border-radius:23px}.phone-aura{width:90%;max-height:100%;aspect-ratio:1}.phone-shadow{bottom:-3%}.app-tabs{bottom:20px;inset-inline:6%;gap:14px}.app-tabs button{font-size:11px;padding-block:14px;gap:6px}.app-tabs small{font-size:9px}.app-tabs .tab-dot{display:none}.design{padding-block:80px}.design>.section-heading,.design>.design-subheading,.design>#web-projects,.design>.brand-actions,.gallery-navigation{width:88%}.design .section-heading{display:block;margin-bottom:48px}.design h2{font-size:52px}.design .section-heading>.small-label{display:block;max-width:none;margin-top:12px}.design-subheading h3{font-size:26px}.website-image{aspect-ratio:1.4}.website-caption h3{font-size:24px}.website-caption p{font-size:14px}.identity-heading{margin-top:85px!important;margin-bottom:30px!important;display:block}.identity-heading h3{font-size:47px}.identity-heading .small-label{display:block;margin-top:12px;max-width:none}.brand-grid{gap:18px;padding-inline:6%}.brand-card{flex-basis:82vw;scroll-margin-inline:6vw}.brand-card button{aspect-ratio:1.1}.brand-caption h3{font-size:24px}.brand-card p{font-size:13px;max-width:95%}.gallery-navigation{margin-top:20px!important;padding-bottom:23px}.gallery-navigation>div{gap:13px}.gallery-navigation button{height:37px;width:37px}.gallery-navigation p{font-size:10px}.brand-actions{flex-wrap:wrap}.skills{padding-block:75px}.skills h2{font-size:58px}.skills .service h3{font-size:29px}.experience{padding-block:80px}.contact-panel{padding:45px 10px}.contact-panel h2{font-size:56px}.footer-name{font-size:12vw}.case-story p{font-size:14px}.project-dialog{max-height:92svh}.hero-art{contain:layout style}.motion-toggle{min-width:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.hero-copy,.phone-shell,.website-image{transform:none!important}.scroll-glyph:after,.story-copy,.story-side{animation:none!important}.reveal-section{opacity:1;transform:none}.projects{height:auto!important;min-height:0}.app-pin{position:relative}.phone-screen img{transition:none}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] .hero-art,html[data-motion=off] .hero-copy,html[data-motion=off] .phone-shell,html[data-motion=off] .website-image{transform:none!important}html[data-motion=off] .hero-copy{top:30%}html[data-motion=off] .scroll-glyph:after,html[data-motion=off] .story-copy,html[data-motion=off] .story-side{animation:none!important}html[data-motion=off] .reveal-section{opacity:1;transform:none}html[data-motion=off] .projects{height:auto;min-height:0}html[data-motion=off] .app-pin{position:relative}html[data-motion=off] .phone-screen img{transition:none}

@media(max-height:689px){.projects{height:auto;min-height:0}.app-pin{height:720px;position:relative}.phone-shell{height:430px}.app-stage{inset-block:140px 100px}}

.skip{background:var(--accent);color:#101612}
@property --chapter-bg{syntax:'<color>';inherits:true;initial-value:#171d3c}
@property --chapter-accent{syntax:'<color>';inherits:true;initial-value:#d9d58e}
.projects{transition:--chapter-bg .85s ease,--chapter-accent .65s ease}
.hero-art{animation:ambient-drift 12s ease-in-out infinite alternate}
@keyframes ambient-drift{from{transform:translateY(0)}to{transform:translateY(-12px)}}
html[data-motion=off] .hero-art{animation:none}
@media(prefers-reduced-motion:reduce){.hero-art{animation:none}.projects{transition:none}}

/* Continuous selected-brand reel, with a single accessible set. */
.client-area{min-width:0}.logos{display:block;overflow:hidden;width:100%;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.logo-track{display:flex;width:max-content;animation:brand-reel 42s linear infinite;will-change:transform}
.logo-group{display:flex;flex:none;align-items:center;gap:48px;padding-inline-end:48px}
.logo-item{width:150px;height:90px;flex:none;display:flex;align-items:center;justify-content:center;gap:12px}
.logos .logo-item img{width:100%;height:58px;padding:0;object-fit:contain;opacity:.85;filter:invert(1)}
.logos .logo-app img{width:54px;height:54px;filter:none;border-radius:12px;opacity:1}
.logo-app span{max-width:78px;font-size:13px;line-height:1.55;color:var(--ink);direction:inherit}
[dir=rtl] .logo-track{animation-direction:reverse}[dir=rtl] .logo-item{direction:rtl}
@keyframes brand-reel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html[data-motion=off] .logos{overflow:visible;mask-image:none}
html[data-motion=off] .logo-track{animation:none;transform:none;width:100%;will-change:auto}
html[data-motion=off] .logo-group{flex-wrap:wrap;justify-content:center;gap:22px;width:100%;padding:0}
html[data-motion=off] .logo-group[aria-hidden=true]{display:none}
@media(max-width:700px){.logo-group{gap:30px;padding-inline-end:30px}.logo-item{width:120px;height:76px}.logos .logo-item img{height:44px}.logos .logo-app img{width:42px;height:42px}.logo-app span{font-size:11px}.logo-track{animation-duration:36s}}
@media(prefers-reduced-motion:reduce){.logos{overflow:visible;mask-image:none}.logo-track{animation:none;transform:none;width:100%;will-change:auto}.logo-group{flex-wrap:wrap;justify-content:center;gap:22px;width:100%;padding:0}.logo-group[aria-hidden=true]{display:none}}

/* Quieter presentation: keep the work and remove repeated visual cues. */
.about .intro{display:block;max-width:1120px;padding-bottom:64px}
.about .collaborations{display:block}
.about .client-area{width:100%;min-width:0}
.gallery-navigation{justify-content:flex-end}
#atmosphere{opacity:.3}
.hero-orbit{display:none}
@media(max-width:700px){.about .intro{padding-bottom:40px}}

.direct-contact{margin-top:28px}

.contact{min-height:0;padding-block:80px}.contact-panel{color:var(--ink)}
@media(max-width:700px){.contact{padding-block:50px}}