.motion-gallery,.motion-experiment{--study-color:#739ee8;max-width:1320px;margin:0 auto;padding-bottom:32px}.motion-eyebrow{font:11px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.15em;color:var(--muted-foreground)}.motion-gallery-heading{max-width:950px;padding:76px 0 64px}.motion-gallery-heading h1{letter-spacing:-.065em;font-size:clamp(42px,6vw,88px);font-weight:500;line-height:1.04}.motion-gallery-heading h1 em{font-family:var(--serif);font-weight:400}.motion-gallery-heading>p:not(.motion-eyebrow){max-width:570px;color:var(--muted-foreground);margin:28px 0 20px;font-size:16px}.motion-text-link{text-underline-offset:6px;font-size:13px}.motion-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 26px;display:grid}.motion-study{min-width:0;text-decoration:none}.study-cover{background:var(--muted);border:1px solid var(--border);height:290px;color:var(--study-color);place-items:center;display:grid;position:relative;overflow:hidden}.study-number{color:var(--foreground);font:12px monospace;position:absolute;top:18px;left:20px}.study-motif{font-size:150px;line-height:1;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.motion-study:hover .study-motif{transform:rotate(-8deg)scale(1.12)}.study-line{opacity:.35;background:currentColor;height:1px;position:absolute;bottom:30px;left:30px;right:30px}.study-caption{text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;margin:20px 0 10px;font-size:11px;display:flex}.motion-study h2{margin-bottom:8px;font-size:26px}.motion-study p{color:var(--muted-foreground);max-width:460px;margin:0;font-size:14px}.study-cover[data-study=gsap]{color:#b1492e;background:#f2e8e1}.study-cover[data-study=three]{color:#98baff;background:#101725}.study-cover[data-study=three] .study-number,.study-cover[data-study=barba] .study-number{color:#ddd}.study-cover[data-study=anime]{background:repeating-linear-gradient(0deg, transparent, transparent 29px, #8c782821 30px), var(--muted)}.study-cover[data-study=framer] .study-motif{transform:rotate(-12deg)}.study-cover[data-study=mojs] .study-motif{font-size:220px}.study-cover[data-study=theatre]{border:20px solid var(--muted);background:var(--background)}.study-cover[data-study=barba]{color:#e4cafa;background:linear-gradient(90deg,#292330 50%,#514060 50%)}.motion-gallery-note{color:var(--muted-foreground);margin-top:48px;font-size:13px}.motion-toolbar{border-block:1px solid var(--border);align-items:center;gap:24px;padding:14px 0;font-size:12px;display:flex}.motion-toolbar>a{text-decoration:none}.motion-library{margin:auto;font-weight:600}.motion-toolbar>div{gap:8px;display:flex}.motion-toolbar button,.stage-buttons button,.threshold-nav a,.motion-project button{border:1px solid var(--border);background:var(--background);color:var(--foreground);font:12px var(--sans);border-radius:30px;padding:8px 14px;text-decoration:none}.motion-toolbar button:hover,.stage-buttons button:hover,.threshold-nav a:hover{border-color:var(--muted-foreground);background:var(--muted)}.motion-toolbar button[aria-pressed=true]{background:var(--muted)}.motion-intro{padding:54px 0 30px}.motion-intro .motion-eyebrow span{margin-left:16px}.motion-intro h1{font:500 clamp(48px, 8.8vw, 132px)/1.04 var(--sans);letter-spacing:-.07em}.motion-word{white-space:pre;display:inline-block}.motion-intro-bottom{justify-content:space-between;align-items:center;gap:24px;margin-top:26px;font-size:14px;display:flex}.motion-intro-bottom p{margin:0}.motion-intro-bottom a{color:var(--muted-foreground);text-decoration:none}.motion-stage{background:var(--muted);border:1px solid var(--border);min-height:420px;position:relative;overflow:hidden}.motion-gesture{font:12px var(--sans);color:var(--muted-foreground);padding:15px 0 36px}.motion-profile{grid-template-columns:1fr 2fr;gap:36px;padding:40px 0 85px;display:grid}.motion-profile h2{font:400 clamp(24px, 3vw, 40px)/1.3 var(--serif);margin-bottom:20px}.motion-profile>div>p{max-width:65ch;color:var(--muted-foreground);font-size:16px}.motion-section-heading{border-top:1px solid var(--border);margin-bottom:16px;padding:25px 0}.motion-section-heading h2{font-size:clamp(27px,4vw,48px)}.motion-project{border-bottom:1px solid var(--border);background:var(--background);align-items:center;gap:30px;padding:32px 6px;display:flex;position:relative}.project-order{color:var(--muted-foreground);font:13px monospace}.motion-project>div{flex:1;min-width:0}.motion-project h3{font-size:clamp(19px,2.5vw,32px)}.motion-project p{color:var(--muted-foreground);margin:8px 0 0;font-size:12px}.motion-project>a{padding:10px;font-size:25px;text-decoration:none}.motion-skills{grid-template-columns:1fr 2fr;gap:36px;padding:85px 0;display:grid}.motion-skills>div{grid-template-columns:1fr 1fr;gap:28px;display:grid}.motion-skills h3{font-size:15px}.motion-skills p{color:var(--muted-foreground);margin:8px 0 0;font-size:13px}.motion-outro{border-block:1px solid var(--border);padding:72px 0}.motion-outro>p{color:var(--muted-foreground);font-size:13px}.motion-outro h2{font:400 clamp(30px, 4vw, 56px)/1.2 var(--serif);max-width:750px;margin-bottom:28px}.motion-contact{background:var(--foreground);color:var(--background);border-radius:99px;margin-right:24px;padding:13px 24px;font-size:14px;text-decoration:none;display:inline-block}.motion-colophon{color:var(--muted-foreground);justify-content:space-between;gap:24px;padding:24px 0;font-size:11px;display:flex}.motion-runtime-note{color:var(--muted-foreground);font-size:12px}.motion-runtime-note:empty{display:none}.stage-buttons{z-index:2;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.stage-buttons button[aria-pressed=true]{background:var(--foreground);color:var(--background)}[data-variant=gsap] .motion-intro h1{font-family:var(--serif);letter-spacing:-.065em}.type-stage{flex-direction:column;align-items:flex-start;min-height:460px;padding:36px 50px;display:flex;position:relative}.type-stage>span{letter-spacing:-.065em;font-size:clamp(45px,8vw,105px);font-weight:600;line-height:1.03}.type-stage>span:nth-child(2){font-family:var(--serif);align-self:center;font-style:italic;font-weight:400}.type-stage>span:nth-child(3){align-self:flex-end}.type-disc{color:#fff;width:74px;height:74px;font:italic 22px var(--serif);background:#b1492e;border-radius:50%;place-items:center;display:grid;position:absolute;top:40px;right:42px}[data-variant=three] .motion-stage{color:#bdd0f4;background:#101725;border-color:#243044}.orbit-stage{height:480px;position:relative}.three-canvas{position:absolute;inset:0}.three-canvas canvas{width:100%;height:100%;display:block}.orbit-fallback{place-items:center;display:grid;position:absolute;inset:40px}.orbit-fallback span{border:1px solid #7896c8;border-radius:50%;width:280px;height:280px;position:absolute;transform:rotateX(55deg)rotate(30deg)}.orbit-fallback span:nth-child(2){transform:rotateY(55deg)}.orbit-fallback span:nth-child(3){transform:rotateY(-55deg)}.orbit-fallback b{font:italic 40px var(--serif)}.stage-caption{pointer-events:none;font:12px monospace;position:absolute;bottom:26px;left:28px}.orbit-stage>.stage-buttons{position:absolute;bottom:20px;right:24px}.orbit-stage button{color:#dce5f5;background:#1e2b43;border-color:#546786}.signal-stage{color:var(--foreground);padding:25px 48px}.signal-stage svg{width:100%;height:330px}.signal-matrix{grid-template-columns:repeat(16,1fr);gap:7px;max-width:640px;margin:0 auto 20px;display:grid}.signal-matrix i{background:var(--study-color);opacity:.45;border-radius:2px;height:12px}.framer-fallback{gap:22px;padding:60px;display:grid}.framer-fallback strong{font:400 36px var(--serif)}.framer-board{min-height:420px;padding:38px}.framer-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.framer-tabs button{color:var(--foreground);font:12px var(--sans);isolation:isolate;background:0 0;border:0;padding:10px 14px;position:relative}.framer-tab-active{z-index:-1;background:var(--card);border:1px solid var(--input);border-radius:30px;position:absolute;inset:0}.framer-project{background:var(--card);border:1px solid var(--border);border-radius:16px;gap:14px;min-height:235px;padding:34px;display:grid}.framer-project h2{font:400 clamp(24px, 3vw, 40px)/1.25 var(--serif);max-width:620px}.framer-project p{color:var(--muted-foreground);margin:0;font-size:13px}.framer-project a{justify-self:start;font-size:13px}.framer-index{color:var(--muted-foreground);font:13px monospace}.chapter-stage{grid-template-columns:1fr 1.5fr;align-items:center;gap:40px;min-height:440px;padding:40px;display:grid;position:relative}.chapter-count{font:300 clamp(110px, 19vw, 250px)/1 var(--sans);letter-spacing:-.08em;color:var(--muted-foreground)}.chapter-stage h2{font:400 clamp(30px, 4vw, 54px)/1.15 var(--serif)}.chapter-stage p:last-child{color:var(--muted-foreground);margin-top:24px;font-size:13px}.chapter-progress{background:var(--border);height:4px;position:absolute;bottom:0;left:0;right:0}.chapter-progress i{background:var(--foreground);width:0;height:100%;display:block}[data-variant=scrollmagic] .motion-work{border-left:1px solid var(--border);padding-left:40px;position:relative}[data-variant=scrollmagic] .motion-project{min-height:250px;transition:color .3s}[data-variant=scrollmagic] .motion-project:before{content:"";background:var(--muted-foreground);border:3px solid var(--background);border-radius:50%;width:12px;height:12px;position:absolute;left:-47px}[data-variant=scrollmagic] .motion-project.is-current:before{background:var(--foreground);box-shadow:0 0 0 5px var(--border)}.spark-stage{flex-direction:column;justify-content:center;align-items:center;height:450px;display:flex;position:relative}.burst-canvas{pointer-events:none;position:absolute;inset:0}.spark-orbit{border:1px dashed var(--input);border-radius:50%;width:300px;height:300px;position:absolute}.spark-button{border:1px solid var(--input);background:var(--card);color:var(--foreground);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:165px;height:165px;font-size:12px;display:flex;position:relative}.spark-button span{color:#b64672;font-size:54px;line-height:1}.spark-stage>p{color:var(--muted-foreground);margin:0;font-size:12px;position:absolute;bottom:22px}.project-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.theatre-stage{padding:26px 50px}.theatre-frame{background:var(--background);place-items:center;height:320px;display:grid;position:relative;overflow:hidden}.frame-corner{border-color:var(--muted-foreground);border-style:solid;width:35px;height:35px;position:absolute}.top-left{border-width:1px 0 0 1px;top:18px;left:18px}.bottom-right{border-width:0 1px 1px 0;bottom:18px;right:18px}.theatre-object{background:var(--foreground);width:150px;height:180px;color:var(--background);flex-direction:column;justify-content:space-between;padding:18px;display:flex;transform:rotate(-12deg)}.theatre-object>span{font:italic 30px var(--serif)}.theatre-object i{border-block:1px solid;height:40px;transform:skewY(-12deg)}.theatre-object b{font:11px monospace}.theatre-caption{margin:0;font:12px monospace;position:absolute;bottom:16px;left:24px}.timeline-label{justify-content:space-between;margin:16px 0 8px;font-size:12px;display:flex}.theatre-stage input{width:100%;accent-color:var(--foreground)}.timeline-ticks{color:var(--muted-foreground);justify-content:space-between;font:10px monospace;display:flex}.physics-stage{text-align:center;padding:24px 38px 30px}.physics-track{align-items:center;height:280px;display:grid;position:relative}.physics-guide{background:var(--input);height:1px;position:absolute;left:60px;right:60px}.physics-guide:before,.physics-guide:after{content:"";background:var(--foreground);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px}.physics-guide:after{right:0}.physics-tile{border:1px solid var(--input);background:var(--card);width:130px;height:170px;color:var(--foreground);touch-action:pan-y;cursor:grab;user-select:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;left:0}.physics-tile:active{cursor:grabbing}.physics-tile>span{font-size:30px}.physics-tile strong{font-size:25px;font-weight:500}.physics-tile small{color:var(--muted-foreground);font-size:10px}.physics-targets{margin-bottom:20px}.physics-stage>label{margin-right:12px;font-size:12px}.physics-stage select{border:1px solid var(--input);background:var(--background);border-radius:5px;padding:7px 12px;font-size:12px}.lottie-stage{padding:20px 40px 32px}.lottie-art{max-width:700px;height:350px;color:var(--foreground);margin:0 auto}.lottie-art>svg{width:100%;height:100%}.threshold-stage{background:var(--foreground);min-height:460px;color:var(--background);grid-template-columns:1fr 2fr;align-items:center;gap:25px;padding:50px;display:grid}.threshold-stage .motion-eyebrow{color:inherit;opacity:.7}.threshold-number{font:300 clamp(100px, 17vw, 210px)/1 var(--sans);opacity:.65;letter-spacing:-.1em}.threshold-stage h2{font:400 clamp(30px, 4.5vw, 56px)/1.1 var(--serif)}.threshold-stage>div>p:not(.motion-eyebrow){margin:18px 0;font-size:13px}.threshold-stage>div>a{font-size:13px}.threshold-nav{grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;margin-top:24px;font:11px monospace;display:flex}.threshold-nav a{color:inherit;background:0 0;border-color:currentColor}.threshold-nav a:hover{background:var(--background);color:var(--foreground)}[data-variant=anime] .motion-intro h1{font-family:monospace;font-size:clamp(38px,7.4vw,104px);font-weight:400}[data-variant=theatre] .motion-intro{text-align:center}[data-variant=theatre] .motion-intro h1{font-family:var(--serif);font-style:italic;font-weight:400}[data-variant=mojs] .motion-intro h1{font-weight:650}[data-variant=scrollmagic] .motion-intro h1{font-weight:300}[data-variant=barba] .motion-intro h1{font-family:var(--serif)}@media (width<=760px){.motion-gallery-heading{padding:38px 0}.motion-gallery-grid{gap:30px 16px}.study-cover{height:200px}.study-motif{font-size:100px}.motion-study h2{font-size:22px}.motion-toolbar{flex-wrap:wrap;gap:10px}.motion-toolbar>div{margin-left:auto}.motion-library{margin:0}.motion-intro{padding:38px 0 25px}.motion-intro .motion-eyebrow span{margin:4px 0;display:block}.motion-stage{min-height:340px}.motion-profile,.motion-skills{grid-template-columns:1fr;gap:15px;padding:32px 0 50px}.type-stage{min-height:340px;padding:65px 22px 30px}.type-disc{width:46px;height:46px;font-size:15px;top:18px;right:18px}.motion-project{gap:16px;padding:25px 0}.motion-project h3{font-size:21px}.motion-colophon{flex-wrap:wrap}.orbit-stage{height:360px}.stage-caption{font-size:10px;bottom:22px;left:15px;right:95px}.signal-stage{padding:12px}.signal-stage svg{height:240px}.signal-matrix{grid-template-columns:repeat(16,1fr);gap:4px;padding:0 12px}.framer-board{min-height:360px;padding:20px}.framer-project{padding:22px}.chapter-stage{grid-template-columns:1fr;gap:20px;min-height:350px;padding:25px}.chapter-count{font-size:110px}.chapter-stage h2{font-size:30px}.spark-stage{height:350px}.spark-orbit{width:250px;height:250px}.spark-stage>p{font-size:10px}.theatre-stage{padding:18px}.theatre-frame{height:270px}.physics-stage{padding:15px}.physics-track{height:230px}.physics-tile{width:100px;height:145px}.lottie-stage{padding:5px 12px 25px}.lottie-art{height:280px}.threshold-stage{grid-template-columns:1fr;gap:20px;padding:28px}.threshold-number{font-size:95px}.threshold-stage h2{font-size:32px}.threshold-nav a{padding:8px 10px}.motion-intro-bottom{font-size:12px}.motion-outro{padding:42px 0}.motion-outro .motion-text-link{margin-top:20px;display:inline-block}}@media (width<=480px){.motion-gallery-grid{grid-template-columns:1fr}.study-cover{height:240px}.motion-gallery-heading h1{font-size:42px}.motion-toolbar>div{gap:4px}.motion-toolbar button{padding:7px 9px;font-size:11px}.motion-toolbar>a,.motion-library{font-size:11px}.motion-skills>div{grid-template-columns:1fr}.motion-intro h1{font-size:45px}.motion-intro-bottom{align-items:flex-start}.motion-intro-bottom>a{white-space:nowrap}.signal-stage svg{height:220px}.framer-tabs button{padding:8px 10px;font-size:11px}.motion-gesture{padding-bottom:18px}.motion-project h3{font-size:18px}.motion-project>a{padding:5px}[data-variant=scrollmagic] .motion-work{padding-left:22px}[data-variant=scrollmagic] .motion-project:before{left:-29px}.motion-colophon{gap:16px}.physics-tile{width:84px;height:130px}.physics-tile strong{font-size:21px}.physics-tile small{font-size:9px}.stage-buttons button{font-size:11px}}@media (prefers-reduced-motion:reduce){.study-motif,.motion-project{transition:none!important}.motion-study:hover .study-motif{transform:none}.motion-experiment *{scroll-behavior:auto}}.study-cover[data-study=gsap] .study-number{color:#4a3028}.study-cover>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.motion-study:hover .study-cover>img{transform:scale(1.045)}@media (prefers-reduced-motion:reduce){.study-cover>img{transition:none}.motion-study:hover .study-cover>img{transform:none}}.motion-experiment{--story-progress:0;--scene-progress:0;isolation:isolate;max-width:none;padding-inline:24px;position:relative;overflow:clip}.motion-toolbar{z-index:40;background:color-mix(in srgb, var(--background) 94%, transparent);backdrop-filter:blur(16px);padding:15px 0;position:sticky;top:0}.story-atmosphere{z-index:-1;pointer-events:none;color:var(--study-color);position:fixed;inset:0;overflow:hidden}.story-atmosphere>[data-story-ghost]{font:750 70vw/.8 var(--sans);letter-spacing:-.12em;opacity:.055;transform:translateY(calc(var(--scene-progress) * -6vh));position:absolute;top:2vh;right:-3vw}.story-orbit{opacity:.22;width:80vw;height:80vw;transform:rotate(calc(var(--story-progress) * 360deg)) scale(calc(.65 + var(--scene-progress) * .4));border:1px solid;border-radius:50%;position:absolute;top:5vh;right:-18vw}.story-orbit-secondary{width:60vw;height:60vw;transform:rotate(calc(var(--story-progress) * -210deg));border-radius:15%;right:-5vw}.story-rail{z-index:45;mix-blend-mode:normal;font:10px var(--sans);flex-direction:column;gap:15px;display:flex;position:fixed;top:50%;left:12px;transform:translateY(-50%)}.story-rail a{align-items:center;gap:8px;text-decoration:none;display:flex}.story-rail a>span{background:var(--background);border:1px solid var(--border);width:27px;height:27px;color:var(--muted-foreground);border-radius:50%;place-items:center;display:grid}.story-rail a>b{white-space:nowrap;opacity:0;pointer-events:none;background:var(--background);border:1px solid var(--border);padding:6px 10px;font-weight:400;position:absolute;left:35px}.story-rail a:hover>b,.story-rail a:focus-visible>b{opacity:1}.story-rail a[aria-current=true]>span{color:var(--background);background:var(--foreground);border-color:var(--foreground)}.story-rail-progress{background:var(--border);z-index:-1;transform-origin:top;width:1px;transform:scaleY(var(--story-progress));position:absolute;top:13px;bottom:13px;left:13px}.story-opening{isolation:isolate;min-height:100svh;padding:38px 0 55px;position:relative;overflow:clip}.story-opening .motion-intro{z-index:2;padding:30px 0;position:relative}.story-opening .motion-intro h1{letter-spacing:-.075em;max-width:1150px;font-size:clamp(60px,11.8vw,190px);font-weight:650;line-height:.9}.story-opening .motion-word{white-space:normal;display:block}.story-opening .motion-word:last-child{margin-left:12vw}.story-opening .motion-intro-bottom{margin:34px 0 0}.story-opening .motion-stage{background:color-mix(in srgb, var(--muted) 65%, transparent);border:0;min-height:420px;margin-top:5px}.story-opening .motion-gesture{margin:0;padding:17px 0 0}.story-opening .story-number{opacity:.055;font-size:45vw;top:17vh;right:-4vw}.story-number>svg{width:1.4em;height:1em;display:block;overflow:visible}.story-number text{letter-spacing:-8px;font-size:100px}.story-opening .story-art{opacity:.06;width:90%;top:3%;right:-25%}.story-section{--scene-bg:var(--background);--scene-ink:var(--foreground);isolation:isolate;background:color-mix(in srgb, var(--scene-bg) 94%, transparent);min-height:85svh;color:var(--scene-ink);border:0;margin:0;padding:clamp(65px,10vw,150px) clamp(25px,5vw,85px);display:block;position:relative;overflow:clip}.story-section[data-story-key=experience],.story-section[data-story-key=skills],.story-section[data-story-key=contact]{--scene-bg:var(--foreground);--scene-ink:var(--background)}.story-section>:not(.story-scenery){z-index:2;position:relative}.story-section .motion-eyebrow,.story-section .story-meta{color:color-mix(in srgb, var(--scene-ink) 78%, var(--scene-bg));font-size:12px}.story-section h2{font:500 clamp(40px, 7.5vw, 112px)/.98 var(--sans);letter-spacing:-.065em;max-width:1050px;margin:28px 0 55px}.story-section h2>span{transform-origin:0 100%;display:inline-block}.story-section p{color:inherit}.story-section.motion-profile h2{max-width:1050px;font-size:clamp(36px,5.8vw,82px)}.story-section.motion-profile>.motion-eyebrow{margin-bottom:38px}.story-section.motion-profile .story-reveal{max-width:760px;margin-left:auto}.story-section.motion-profile .story-reveal p{letter-spacing:-.025em;font-size:clamp(18px,2.4vw,28px);line-height:1.55}.story-scenery{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.story-number{font:650 clamp(260px, 44vw, 720px)/1 var(--sans);letter-spacing:-.1em;opacity:.055;transform-origin:70%;position:absolute;top:-.1em;right:-.04em}.story-art{opacity:.09;transform-origin:50%;width:75%;height:auto;position:absolute;top:18%;right:-18%}.story-reveal{transform-origin:50% 100%;will-change:auto;min-width:0}.story-career{max-width:920px;margin-left:auto}.story-job{border-top:1px solid color-mix(in srgb, var(--scene-ink) 35%, transparent);padding:34px 0}.story-job-heading{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.story-job-heading h3{font:500 clamp(25px, 3vw, 40px)/1.2 var(--sans);max-width:570px}.story-job-heading strong{font:400 20px var(--serif)}.story-job .story-meta{margin:16px 0 25px}.story-job ul{columns:2;column-gap:40px;margin:0;padding-left:20px;font-size:15px;line-height:1.7}.story-job li{break-inside:avoid;padding:0 0 18px}.story-section .motion-section-heading{border:0;margin:0;padding:0}.story-section .motion-projects{grid-template-columns:1fr 1fr;gap:20px;display:grid}.story-section .motion-project{min-height:245px;color:var(--scene-ink);background:color-mix(in srgb, var(--scene-bg) 80%, transparent);border:1px solid color-mix(in srgb, var(--scene-ink) 24%, transparent);flex-wrap:wrap;align-items:flex-start;gap:18px;padding:30px}.story-section .motion-project .project-order{letter-spacing:-.07em;color:var(--scene-ink);opacity:.7;width:100%;font-size:35px;line-height:1}.story-section .motion-project h3{letter-spacing:-.035em;font-size:clamp(21px,2.6vw,37px);line-height:1.2}.story-section .motion-project p{color:color-mix(in srgb, var(--scene-ink) 78%, var(--scene-bg));font-size:12px}.story-section .motion-project>a{padding:0}.story-section .motion-projects>.story-reveal:nth-child(2n){padding-top:60px}.story-section .motion-projects>.story-reveal:last-child:nth-child(odd){grid-column:1/-1;width:100%;max-width:72%;margin:0 auto}.story-section.motion-skills>div{display:block}.story-section.motion-skills>.story-skill-grid{grid-template-columns:1fr 1fr;gap:0 42px;display:grid}.story-skill-grid article{border-top:1px solid color-mix(in srgb, var(--scene-ink) 35%, transparent);padding:28px 0 42px}.story-skill-grid h3{font:400 clamp(23px, 3.3vw, 46px)/1.2 var(--serif);margin:0 0 18px}.story-skill-grid p{line-height:1.85;color:var(--scene-ink)!important;font-size:16px!important}.story-education-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:32px;max-width:900px;margin-left:auto;display:grid}.story-education-grid article{border:1px solid color-mix(in srgb, var(--scene-ink) 30%, transparent);padding:32px}.story-education-grid h3{margin:24px 0;font-size:clamp(25px,4vw,48px)}.story-education-grid p{font-size:16px}.story-languages{font:400 clamp(23px, 3vw, 40px)/1.3 var(--serif);border-top:1px solid var(--border);margin:50px 0 0;padding-top:30px}.story-extra ul{max-width:850px;font-size:19px;line-height:1.8}.story-section.motion-outro h2{max-width:1000px;margin-bottom:50px;font-size:clamp(45px,9vw,135px)}.story-section .motion-contact{background:var(--scene-ink);color:var(--scene-bg);padding:19px 30px;font-size:18px}.story-contact-details{flex-wrap:wrap;gap:18px 30px;margin-top:50px;font-size:14px;display:flex}.story-contact-details a{overflow-wrap:anywhere;border-bottom:1px solid;text-decoration:none}.story-colophon{position:relative}[data-variant=gsap] .story-section h2,[data-variant=gsap] .story-opening h1{font-family:var(--serif);font-weight:400}[data-variant=gsap] .story-section:nth-child(2n) h2{font-style:italic}[data-variant=gsap] .story-art{display:none}[data-variant=gsap] .story-section .motion-project{background:0 0;border-width:0 0 1px;padding-inline:0}[data-variant=three] .story-atmosphere{z-index:0}[data-variant=three] .motion-portfolio,[data-variant=three] .motion-colophon{z-index:1;position:relative}[data-variant=three] .story-section{background:color-mix(in srgb, var(--scene-bg) 83%, transparent)}[data-variant=three] .story-opening .motion-stage{background:0 0;min-height:300px}[data-variant=three] .stage-caption{color:var(--foreground)}[data-variant=three] .story-atmosphere .three-canvas{opacity:.65;inset:0}[data-variant=three] .story-art{display:none}[data-variant=anime] .story-section{background-image:linear-gradient(color-mix(in srgb, var(--scene-ink) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--scene-ink) 4%, transparent) 1px, transparent 1px);background-size:45px 45px}[data-variant=anime] .story-section h2{letter-spacing:-.055em;font-family:monospace;font-size:clamp(35px,6.6vw,95px)}[data-variant=anime] .story-art circle,[data-variant=anime] .story-art ellipse{display:none}[data-variant=framer] .story-section .motion-project,[data-variant=framer] .story-education-grid article{border-radius:28px;box-shadow:0 20px 70px #0001}[data-variant=framer] .story-art rect{stroke-width:20px;rx:60px}[data-variant=framer] .story-section h2{font-weight:600}[data-variant=scrollmagic] .story-section{border-left:1px solid var(--border)}[data-variant=scrollmagic] .motion-work{padding-left:clamp(25px,5vw,85px)}[data-variant=scrollmagic] .motion-project:before{display:none}[data-variant=scrollmagic] .story-number{font-weight:300;top:0;left:0;right:auto}[data-variant=scrollmagic] .story-art{display:none}[data-variant=scrollmagic] .story-section h2{letter-spacing:-.06em;font-weight:300}[data-variant=mojs] .story-section h2{font-weight:750}[data-variant=mojs] .story-art{stroke-width:3px;transform:rotate(15deg)}[data-variant=mojs] .story-art rect{display:none}[data-variant=mojs] .story-section .motion-project{border-radius:80px 0}[data-variant=mojs] .story-number{font-weight:800}[data-variant=theatre] .story-section{border:16px solid var(--background)}[data-variant=theatre] .story-section h2{font-family:var(--serif);font-style:italic;font-weight:400}[data-variant=theatre] .story-art{transform:rotate(calc(var(--theatre-angle,0) * 1deg));scale:var(--theatre-scale,1)}[data-variant=theatre] .story-number{font-family:var(--serif);font-weight:400}[data-variant=popmotion] .story-section .motion-project{box-shadow:8px 8px 0 color-mix(in srgb, var(--scene-ink) 12%, transparent);border-radius:18px}[data-variant=popmotion] .story-number{font-weight:400}[data-variant=popmotion] .story-art{stroke-width:2px}[data-variant=lottie] .story-section h2{font-family:var(--serif);font-weight:400}[data-variant=lottie] .story-scenery .story-art{display:none}[data-variant=lottie] .story-atmosphere [data-story-vector]{opacity:.2;position:absolute;inset:0}[data-variant=lottie] .story-section{background:color-mix(in srgb, var(--scene-bg) 88%, transparent)}[data-variant=barba] .story-section{border-top:2px solid var(--scene-ink)}[data-variant=barba] .story-section h2{font-family:var(--serif);font-weight:400}[data-variant=barba] .story-art{stroke-width:2px}[data-variant=barba] .story-art circle,[data-variant=barba] .story-art ellipse{display:none}@media (width>=1700px){.story-rail{left:calc(50vw - 775px)}}@media (width<=1000px){.motion-experiment{padding-inline:10px}.story-rail{left:3px}.story-rail a>span{width:22px;height:22px;font-size:8px}.story-rail-progress{left:10px}.story-section{padding:80px 35px}.story-job ul{columns:1}.story-opening .motion-intro h1{font-size:13vw}.story-section h2{font-size:clamp(40px,8vw,80px)}}@media (width<=600px){.motion-experiment{padding:0}.story-rail{background:var(--background);flex-direction:row;justify-content:space-between;gap:5px;margin:0;padding:9px 0;position:sticky;top:0;left:0;transform:none}.story-rail a>b{display:none}.story-rail a>span{width:25px;height:25px;font-size:9px}.story-rail-progress{display:none}.motion-toolbar{padding:10px 0;font-size:10px;top:44px}.story-opening{min-height:0;padding-top:22px}.story-opening .motion-intro h1{font-size:clamp(48px,14vw,82px)}.story-opening .motion-word:last-child{margin-left:5vw}.story-opening .motion-stage{min-height:300px}.story-section{min-height:70svh;padding:70px 22px}.story-section h2,.story-section.motion-profile h2{letter-spacing:-.055em;margin-bottom:35px;font-size:clamp(34px,9.5vw,56px)}.story-section .motion-eyebrow{font-size:10px}.story-section.motion-profile .story-reveal p{font-size:19px}.story-section .motion-projects{grid-template-columns:1fr;gap:16px}.story-section .motion-projects>.story-reveal:nth-child(2n){padding-top:0}.story-section .motion-projects>.story-reveal:last-child:nth-child(odd){max-width:none}.story-section .motion-project{gap:18px;min-height:190px;padding:25px}.story-job-heading{display:block}.story-job-heading strong{margin-top:15px;display:block}.story-job ul{padding-left:17px;font-size:14px;line-height:1.7}.story-job .story-meta{font-size:11px}.story-section.motion-skills>.story-skill-grid{grid-template-columns:1fr}.story-skill-grid h3{font-size:30px}.story-skill-grid p{font-size:14px!important}.story-education-grid article{padding:22px}.story-education-grid h3{font-size:29px}.story-section.motion-outro h2{font-size:45px}.story-contact-details{gap:18px;font-size:12px}.story-section .motion-contact{padding:15px 22px;font-size:14px}[data-variant=theatre] .story-section{border-width:6px}[data-variant=mojs] .story-section .motion-project{border-radius:35px 0}.story-art{width:130%;top:10%;right:-45%}.story-number{font-size:85vw}.story-atmosphere>[data-story-ghost]{font-size:110vw;top:30vh}.story-colophon{gap:12px}.motion-intro .motion-eyebrow{font-size:9px}.story-opening .motion-intro-bottom{gap:12px;font-size:11px}}[data-motion-paused=true] .story-orbit,[data-motion-paused=true] .story-art,[data-motion-paused=true] .story-number{transform:scale(1)!important}@media (prefers-reduced-motion:reduce){.story-section,.story-opening{scroll-margin-top:100px}.story-reveal,[data-story-title]>span{opacity:1!important;transform:none!important}}.story-atmosphere>[data-story-ghost],.story-atmosphere>.story-orbit{display:none}.motion-portfolio>[hidden]{display:none!important}[data-variant=three].motion-experiment{--background:#050913;--foreground:#eef4ff;--muted-foreground:#b4c3df;--border:#3a4969;--muted:#111e34;color:#eef4ff;background:#050913;width:100vw;margin-left:calc(50% - 50vw);padding:0 clamp(24px,6vw,110px)}[data-variant=three] .story-atmosphere{background:#050913}[data-variant=three] .story-atmosphere .three-canvas{opacity:1}[data-variant=three] .story-scenery{display:none}.orbital-hud{z-index:20;pointer-events:none;color:#a4d8ff;letter-spacing:.15em;justify-content:space-between;gap:20px;font:10px monospace;display:flex;position:fixed;bottom:20px;left:6vw;right:6vw}.orbital-hud i{font-style:normal}[data-variant=three] .story-opening{grid-template-columns:1fr 1fr;align-content:center;min-height:115svh;display:grid;overflow:visible}[data-variant=three] .motion-intro{grid-column:1/-1}[data-variant=three] .motion-intro h1{font-family:var(--sans);text-transform:uppercase;letter-spacing:-.08em;font-size:clamp(75px,14vw,210px);font-weight:850;line-height:.8}[data-variant=three] .motion-word:last-child{-webkit-text-stroke:1px #bddcff;color:#0000;margin-left:22vw}[data-variant=three] .motion-intro-bottom{max-width:540px;margin-top:60px}[data-variant=three] .story-opening .motion-stage{grid-column:2;min-height:180px}[data-variant=three] .orbit-stage{height:180px}[data-variant=three] .motion-gesture{grid-area:2/1;align-self:end;max-width:250px;font-family:monospace}[data-variant=three] .story-section{--scene-bg:#071122;--scene-ink:#eef4ff;color:#eef4ff;background:0 0;grid-template-columns:1fr 1.2fr;align-content:center;gap:40px 8vw;min-height:115svh;padding:140px 0;display:grid;overflow:visible}[data-variant=three] .story-section>.motion-eyebrow{color:#9fcaed;grid-column:1/-1}[data-variant=three] .story-section h2{font:600 clamp(48px, 6vw, 94px)/.96 var(--sans);letter-spacing:-.06em;margin:0}[data-variant=three] .story-section h2>span{display:block}[data-variant=three] .story-section.motion-profile{padding-left:40%;display:block}[data-variant=three] .story-section.motion-profile h2{margin:40px 0;font-size:clamp(45px,5.4vw,84px)}[data-variant=three] .story-section.motion-profile .story-reveal{backdrop-filter:blur(15px);background:#061122c9;border:1px solid #39567d;margin-top:40px;padding:30px}[data-variant=three] .story-career{max-width:none}[data-variant=three] .story-job{backdrop-filter:blur(15px);background:#081429d9;border:1px solid #39567d;border-radius:3px;padding:32px}[data-variant=three] .story-job ul{columns:1;font-size:15px}[data-variant=three] .story-job-heading{display:block}[data-variant=three] .story-job-heading strong{color:#9fcaed;margin:15px 0;font-family:monospace;display:block}[data-variant=three] .motion-work{display:block}[data-variant=three] .motion-section-heading{max-width:700px;margin-bottom:70px}[data-variant=three] .motion-projects{grid-template-columns:repeat(3,1fr);gap:30px}[data-variant=three] .motion-projects>.story-reveal:nth-child(2n){padding-top:140px}[data-variant=three] .motion-projects>.story-reveal:last-child:nth-child(odd){grid-column:auto;width:auto;max-width:none;margin:0}[data-variant=three] .motion-project{backdrop-filter:blur(15px);background:#071327cf;border-color:#45658e;min-height:330px;display:flex}[data-variant=three] .motion-project h3{font-family:var(--sans);font-size:30px}[data-variant=three] .story-section.motion-skills{grid-template-columns:1fr 1fr}[data-variant=three] .story-section.motion-skills>.story-skill-grid{display:block}[data-variant=three] .story-skill-grid article{background:#081429d9;border:1px solid #39567d;margin-bottom:16px;padding:25px}[data-variant=three] .story-skill-grid h3{font:500 24px var(--sans);color:#afdaff}[data-variant=three] .story-education-grid{margin:0;display:block}[data-variant=three] .story-education-grid article{background:#081429d9;border-color:#39567d}[data-variant=three] .story-languages{background:#081429d9;border:1px solid #39567d;padding:20px}[data-variant=three] .story-section.motion-outro{text-align:center;min-height:100svh;display:block}[data-variant=three] .motion-outro h2{max-width:950px;margin:60px auto;font-size:clamp(60px,10vw,155px)}[data-variant=three] .story-contact-details{justify-content:center}[data-variant=theatre].motion-experiment{--background:#140b0c;--foreground:#f5e5c5;--muted-foreground:#c9b99f;--border:#6f5749;--muted:#291719;color:#f5e5c5;background:#140b0c;width:100vw;margin-left:calc(50% - 50vw);padding:0 6vw}[data-variant=theatre] .story-atmosphere,[data-variant=theatre] .story-scenery{display:none}.cinema-mask{pointer-events:none;z-index:0;background:radial-gradient(at 60% 45%,#7d392449,#0000 62%);position:fixed;inset:0;overflow:hidden}.cinema-mask:before,.cinema-mask:after{content:"";background:repeating-linear-gradient(0deg,#060507 0 12px,#9a7c5344 12px 21px,#060507 21px 31px);width:18px;position:absolute;top:0;bottom:0}.cinema-mask:before{left:0}.cinema-mask:after{right:0}.cinema-mask>span{letter-spacing:.24em;color:#c9b99f;font:10px monospace;position:absolute;bottom:18px;left:35px}.cinema-mask>b{font:italic 28px var(--serif);color:#f5e5c5;position:absolute;bottom:15px;right:35px}.cinema-light{width:85vw;height:85vw;transform:translateX(calc(var(--film-x,0) * 1vw)) rotate(calc(var(--theatre-angle,0) * 1deg));filter:blur(25px);background:conic-gradient(from 145deg,#0000 0deg,#e6b75c24 13deg,#0000 45deg);position:absolute;top:-25vw;left:0}[data-variant=theatre] .motion-portfolio{z-index:1;position:relative}[data-variant=theatre] .story-opening{text-align:center;flex-direction:column;justify-content:center;min-height:110svh;padding-top:70px;display:flex}[data-variant=theatre] .motion-intro h1{font:italic 400 clamp(76px, 16vw, 245px)/.79 var(--serif);letter-spacing:-.075em;text-transform:none;max-width:none}[data-variant=theatre] .motion-word:last-child{margin-left:0}[data-variant=theatre] .motion-intro-bottom{justify-content:center;gap:35px;margin:50px 0 25px}[data-variant=theatre] .story-opening .motion-stage{background:0 0;width:100%;max-width:760px;min-height:0;margin:0 auto}[data-variant=theatre] .theatre-stage{padding:0}[data-variant=theatre] .theatre-frame{border:none;height:170px}[data-variant=theatre] .theatre-object{background:#45251a;border-color:#b89260;width:140px;height:120px;top:10px;left:calc(50% - 70px)}[data-variant=theatre] .theatre-caption{color:#f5e5c5}[data-variant=theatre] .story-section{--scene-bg:#140b0c;--scene-ink:#f5e5c5;background:0 0;border:0;border-top:1px solid #604837;grid-template-columns:1fr 1fr;align-content:center;gap:65px 6vw;min-height:125svh;padding:140px 35px;display:grid;position:relative}[data-variant=theatre] .story-section:before{content:"";z-index:-1;background:linear-gradient(120deg,#51231a90,#0000 70%);position:absolute;inset:15% -6vw;transform:skewY(-7deg)}[data-variant=theatre] .story-section>.motion-eyebrow{color:#d2ad77;text-align:center;letter-spacing:.4em;grid-column:1/-1}[data-variant=theatre] .story-section h2{font:italic 400 clamp(60px, 9vw, 144px)/.9 var(--serif);letter-spacing:-.06em;text-transform:none}[data-variant=theatre] .story-section.motion-profile{text-align:center;display:block}[data-variant=theatre] .motion-profile h2{max-width:1050px;margin:0 auto 70px;font-size:clamp(55px,8vw,120px)}[data-variant=theatre] .motion-profile .story-reveal{max-width:700px;margin:auto}[data-variant=theatre] .story-career{padding-top:65px}[data-variant=theatre] .story-job{border-top:1px solid #9b795c;padding:30px 0}[data-variant=theatre] .story-job-heading{display:block}[data-variant=theatre] .story-job-heading h3{font:400 34px var(--serif)}[data-variant=theatre] .story-job-heading strong{color:#dab376;margin-top:20px;display:block}[data-variant=theatre] .story-job ul{columns:1}[data-variant=theatre] .motion-work{display:block}[data-variant=theatre] .motion-section-heading{text-align:center;max-width:1000px;margin-bottom:75px}[data-variant=theatre] .motion-projects{grid-template-columns:repeat(3,1fr);gap:24px}[data-variant=theatre] .motion-projects>.story-reveal:nth-child(2n){padding-top:90px}[data-variant=theatre] .motion-projects>.story-reveal:last-child:nth-child(odd){grid-column:auto;max-width:none;margin:0}[data-variant=theatre] .motion-project{background:linear-gradient(165deg,#542820,#201117);border:1px solid #88613f;flex-direction:column;justify-content:space-between;min-height:400px;padding:35px;display:flex}[data-variant=theatre] .motion-project h3{font:italic 400 36px var(--serif)}[data-variant=theatre] .project-order{font:italic 400 100px var(--serif)}[data-variant=theatre] .story-section.motion-skills{text-align:center;display:block}[data-variant=theatre] .story-section.motion-skills>.story-skill-grid{max-width:760px;margin:100px auto 0;display:block}[data-variant=theatre] .story-skill-grid article{border-top:1px solid #72523b;padding:55px 0}[data-variant=theatre] .story-skill-grid h3{font:400 18px var(--sans);text-transform:uppercase;letter-spacing:.15em;color:#dfb46f}[data-variant=theatre] .story-skill-grid p{font:400 clamp(25px, 3vw, 44px)/1.5 var(--serif)!important}[data-variant=theatre] .story-education-grid{display:block}[data-variant=theatre] .story-education-grid article{border:0;border-top:1px solid #88613f;padding:40px 0}[data-variant=theatre] .motion-outro{text-align:center;display:block}[data-variant=theatre] .motion-outro h2{max-width:1000px;margin:70px auto;font-size:clamp(70px,13vw,185px)}[data-variant=theatre] .story-contact-details{justify-content:center}[data-variant=barba].motion-experiment{--background:#ede5d8;--foreground:#261c36;--muted-foreground:#65566b;--muted:#e0d5c8;--border:#9e8b9b;color:#261c36;background:#ede5d8;width:100vw;margin-left:calc(50% - 50vw);padding:0 7vw}[data-variant=barba] .story-atmosphere,[data-variant=barba] .story-scenery{display:none}[data-variant=barba] .story-rail{flex-direction:row;justify-content:center;gap:25px;padding:35px 0;position:relative;top:auto;left:auto;transform:none}[data-variant=barba] .story-rail a{flex-direction:column;gap:10px;display:flex}[data-variant=barba] .story-rail a>b{opacity:1;font:10px var(--sans);background:0 0;padding:0;position:static}[data-variant=barba] .story-rail a>span{color:#261c36;background:0 0;border:1px solid #927c91;border-radius:0;width:46px;height:46px;font-size:14px;transform:rotate(-5deg)}[data-variant=barba] .story-rail a[aria-current=true]>span{color:#fff2d9;background:#382648;transform:rotate(5deg)}[data-variant=barba] .story-rail-progress{display:none}[data-variant=barba] .motion-portfolio{min-height:65svh}[data-variant=barba] .story-opening{grid-template-columns:1.1fr 1fr;align-items:center;gap:6vw;min-height:75svh;display:grid;overflow:visible}[data-variant=barba] .motion-intro h1{font:400 clamp(70px, 9vw, 160px)/.85 var(--serif);letter-spacing:-.075em}[data-variant=barba] .motion-word:last-child{margin-left:0;font-style:italic}[data-variant=barba] .motion-intro-bottom{flex-direction:column;align-items:start;gap:25px}[data-variant=barba] .story-opening .motion-stage{color:#fff2d9;background:#382648;border-radius:50% 50% 0 0;min-height:500px}[data-variant=barba] .threshold-stage{min-height:500px;padding:110px 35px 40px;display:block}[data-variant=barba] .threshold-number{font:400 70px var(--serif);color:#ceb0f1}[data-variant=barba] .threshold-stage h2{font:400 38px var(--serif);margin:28px 0}[data-variant=barba] .threshold-nav{color:#fff2d9;margin-top:50px}[data-variant=barba] .threshold-stage .motion-eyebrow{color:#d8c4e9}[data-variant=barba] .motion-gesture{grid-column:1/-1}[data-variant=barba] .story-section{--scene-bg:#ede5d8;--scene-ink:#261c36;background:0 0;border:0;border-top:1px solid #947f98;min-height:70svh;padding:65px 0}[data-variant=barba] .story-section h2{font:400 clamp(60px, 8vw, 120px)/.94 var(--serif);max-width:1000px}[data-variant=barba] .motion-profile .story-reveal{margin:60px 0 0 30%}[data-variant=barba] .story-career{margin-top:70px}[data-variant=barba] .motion-project{background:#dfd1e1;border:0;border-top:1px solid #9a839f;border-radius:70px 70px 0 0;min-height:340px;padding:40px}[data-variant=barba] .motion-project h3{font:400 34px var(--serif)}[data-variant=barba] .motion-projects>.story-reveal:nth-child(2n){padding-top:90px}[data-variant=barba] .story-skill-grid article{border-top:2px solid #87698e}[data-variant=barba] .story-skill-grid h3{font:400 40px var(--serif)}[data-variant=barba] .story-education-grid article{background:#ded2bb;border:0;border-radius:100px 100px 0 0;padding-top:70px}.portal-navigation{border-top:1px solid #947f98;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 45px;font-size:clamp(15px,2vw,28px);display:flex}.portal-navigation>span{white-space:nowrap;font:11px monospace}.portal-navigation a{max-width:40%;text-decoration:none}.portal-shutter{z-index:100;pointer-events:none;visibility:hidden;perspective:1000px;grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0}.portal-shutter>div{color:#eee0cd;transform-origin:0;background:#382648;justify-content:center;align-items:center;display:flex;overflow:hidden}.portal-shutter>div:last-child{transform-origin:100%;background:#c8b1da}.portal-shutter strong{font:italic 400 22vw/.9 var(--serif);letter-spacing:-.09em;white-space:nowrap}.portal-shutter>div:last-child strong{color:#382648}@media (width<=900px){[data-variant=three] .story-opening,[data-variant=three] .story-section,[data-variant=three] .story-section.motion-skills{display:block}[data-variant=three] .story-opening{min-height:95svh;padding-top:60px}[data-variant=three] .motion-intro h1{font-size:clamp(65px,15vw,130px)}[data-variant=three] .motion-word:last-child{margin-left:0}[data-variant=three] .story-section.motion-profile{padding-left:0}[data-variant=three] .story-section{min-height:90svh;padding:95px 0}[data-variant=three] .story-section h2{margin:30px 0 55px}[data-variant=three] .motion-projects{grid-template-columns:1fr 1fr}[data-variant=three] .story-section.motion-skills>.story-skill-grid{margin-top:40px}[data-variant=theatre] .story-section{min-height:100svh;padding:100px 10px;display:block}[data-variant=theatre] .story-section h2{font-size:clamp(55px,10vw,100px)}[data-variant=theatre] .motion-projects{grid-template-columns:1fr 1fr}[data-variant=theatre] .story-career{padding-top:0}[data-variant=theatre] .story-education-grid{margin-top:60px}[data-variant=barba] .story-opening{gap:30px}[data-variant=barba] .story-rail{gap:16px}[data-variant=barba] .story-rail a>b{display:none}}@media (width<=600px){[data-variant=three].motion-experiment,[data-variant=theatre].motion-experiment,[data-variant=barba].motion-experiment{padding-inline:20px}.orbital-hud{font-size:8px;bottom:10px;left:20px;right:20px}.orbital-hud>span:first-child{display:none}[data-variant=three] .motion-intro h1{font-size:18vw}[data-variant=three] .story-opening .motion-stage{min-height:260px}[data-variant=three] .orbit-stage{height:260px}[data-variant=three] .story-section h2{overflow-wrap:anywhere;font-size:50px}[data-variant=three] .motion-projects,[data-variant=theatre] .motion-projects{grid-template-columns:1fr}[data-variant=three] .motion-projects>.story-reveal:nth-child(2n),[data-variant=theatre] .motion-projects>.story-reveal:nth-child(2n){padding-top:0}[data-variant=three] .motion-project,[data-variant=theatre] .motion-project{min-height:280px}[data-variant=three] .story-job{padding:22px}[data-variant=three] .motion-outro h2{font-size:64px}.cinema-mask:before,.cinema-mask:after{width:8px}.cinema-mask>span{display:none}.cinema-mask>b{font-size:14px;bottom:8px;right:15px}[data-variant=theatre] .motion-intro h1{font-size:21vw}[data-variant=theatre] .motion-intro-bottom{display:block}[data-variant=theatre] .motion-intro-bottom a{margin-top:20px;display:block}[data-variant=theatre] .story-opening{padding-top:50px}[data-variant=theatre] .story-section h2{overflow-wrap:anywhere;font-size:58px}[data-variant=theatre] .story-job-heading h3{font-size:30px}[data-variant=theatre] .story-section.motion-skills>.story-skill-grid{margin-top:40px}[data-variant=barba] .story-rail{gap:9px;padding:20px 0;position:relative}[data-variant=barba] .story-rail a>span{width:30px;height:30px;font-size:11px}[data-variant=barba] .motion-toolbar{top:0}[data-variant=barba] .story-opening{display:block}[data-variant=barba] .motion-intro h1{font-size:24vw}[data-variant=barba] .story-opening .motion-stage{min-height:430px;margin-top:40px}[data-variant=barba] .threshold-stage{min-height:430px;padding:90px 25px 30px}[data-variant=barba] .motion-profile .story-reveal{margin:40px 0 0}[data-variant=barba] .story-section h2{overflow-wrap:anywhere;font-size:58px}[data-variant=barba] .motion-projects>.story-reveal:nth-child(2n){padding-top:0}.portal-navigation{font-size:18px}}@media (prefers-reduced-motion:reduce){.cinema-light{transform:none}}body:has([data-variant=three]) .site-header{z-index:2;background:var(--background);position:relative}[data-variant=theatre] .theatre-object,[data-variant=theatre] .theatre-object>span,[data-variant=theatre] .theatre-object>b{color:#f5e5c5}[data-variant=framer],[data-variant=mojs],[data-variant=popmotion]{--world-ink:#17171d;--world-paper:#fffbed}:is([data-variant=framer],[data-variant=mojs],[data-variant=popmotion]) .story-atmosphere,:is([data-variant=framer],[data-variant=mojs],[data-variant=popmotion]) .story-art{display:none}:is([data-variant=framer],[data-variant=mojs],[data-variant=popmotion]) .story-section{color:var(--world-ink);--scene-ink:var(--world-ink)}:is([data-variant=framer],[data-variant=mojs],[data-variant=popmotion]) .story-section :is(p,a,.motion-eyebrow,.story-meta){color:inherit}:is([data-variant=framer],[data-variant=mojs],[data-variant=popmotion]) .story-section .motion-contact{color:var(--world-paper);background:var(--world-ink)}[data-variant=framer] .motion-portfolio{background:#eeeaf7;border-radius:48px;padding:22px}[data-variant=framer] .story-opening{color:#20163d;background:#c9b8f4;border-radius:36px;min-height:110svh;padding:48px 4vw;overflow:hidden}[data-variant=framer] .motion-intro{padding:20px 0 60px}[data-variant=framer] .motion-intro h1{font:850 clamp(66px, 14vw, 210px)/.79 var(--sans);letter-spacing:-.095em}[data-variant=framer] .motion-intro h1 .motion-word:last-child{color:#fffbed;text-shadow:5px 5px #322056;margin-left:0}[data-variant=framer] .motion-intro-bottom{color:#281e43}[data-variant=framer] .story-number{opacity:1;color:inherit;letter-spacing:-.04em;font-size:34px;top:25px;bottom:auto;right:30px;transform:none!important}[data-variant=framer] .motion-stage{background:0 0;border:0;min-height:330px;margin:0 0 0 18%;overflow:visible;transform:rotate(-3deg)}[data-variant=framer] .framer-board{color:#241d31;background:#fffbed;border:2px solid #251b3b;border-radius:30px;overflow:hidden;box-shadow:14px 14px #6d528e}[data-variant=framer] .framer-tabs button{color:#231930}[data-variant=framer] .framer-tab-active{background:#e6d9ff}[data-variant=framer] .framer-project{color:#241d31;background:#ffab83;min-height:260px;padding:30px 40px}[data-variant=framer] .framer-project h2{letter-spacing:-.06em;font-size:clamp(45px,6vw,90px)}[data-variant=framer] .story-section{background:#fffbed;border-radius:38px;min-height:65svh;margin:22px 0;padding:80px 4vw;overflow:hidden;border:0!important}[data-variant=framer] .story-section h2{font:800 clamp(42px, 7.2vw, 104px)/.98 var(--sans);letter-spacing:-.065em;max-width:1000px}[data-variant=framer] .motion-profile{background:#ffab83}[data-variant=framer] .motion-profile>div{max-width:none}[data-variant=framer] .motion-profile [data-story-item]{max-width:850px;font-size:clamp(20px,2.6vw,38px)}[data-variant=framer] .motion-experience{background:#d6e8ac}[data-variant=framer] .story-job{background:#faffee;border:0;border-radius:28px;padding:35px}[data-variant=framer] .motion-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}[data-variant=framer] .motion-projects>.story-reveal{grid-column:auto!important;margin:0!important}[data-variant=framer] .motion-projects>.story-reveal:first-child{grid-column:span 2!important}[data-variant=framer] .motion-projects>.story-reveal.world-expanded{grid-column:1/-1!important}[data-variant=framer] .story-section .motion-project{text-align:left;max-width:none;min-height:310px;box-shadow:none;background:#f3c4d4;border:0;border-radius:26px;flex-wrap:wrap;align-content:space-between;gap:16px;padding:28px;display:flex}[data-variant=framer] .motion-projects>.story-reveal:nth-child(2n) .motion-project{background:#c9b8f4}[data-variant=framer] .motion-projects>.story-reveal:nth-child(3n) .motion-project{background:#d6e8ac}[data-variant=framer] .motion-project h3{font-size:clamp(28px,3.2vw,46px)}[data-variant=framer] .project-order{opacity:1;width:100%;font-size:14px}[data-variant=framer] .motion-project>div{flex:70%}[data-variant=framer] .world-expand{width:42px;height:42px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;align-self:flex-end;font-size:22px}[data-variant=framer] .motion-skills{background:#c9b8f4}[data-variant=framer] .story-skill-grid{gap:18px}[data-variant=framer] .story-skill-grid article{background:#fffbed;border:0;border-radius:28px;min-height:240px;padding:32px}[data-variant=framer] .story-skill-grid .story-reveal:nth-child(3n) article{background:#ffab83;border-radius:90px 28px 28px}[data-variant=framer] .motion-education{background:#f3c4d4}[data-variant=framer] .story-education-grid article{background:#fffbed;border:0;border-radius:26px}[data-variant=framer] .motion-outro{background:#ffab83;min-height:100svh}[data-variant=framer] .motion-outro h2{font-size:clamp(60px,10vw,150px)}[data-variant=mojs] .motion-portfolio{color:#151514;background:#ffe74c}[data-variant=mojs] .story-opening{color:#161614;background:#ffe74c;border:7px solid #161614;min-height:125svh;padding:70px 5vw;overflow:hidden}[data-variant=mojs] .motion-intro{z-index:2;padding:0;position:relative}[data-variant=mojs] .motion-intro h1{font:950 clamp(72px, 17vw, 250px)/.76 Impact, "Arial Narrow", var(--sans);text-transform:uppercase;letter-spacing:-.055em;padding-block:32px;transform:rotate(-5deg)}[data-variant=mojs] .motion-intro h1 .motion-word:last-child{color:#fa426e;text-shadow:4px 4px #17171d;-webkit-text-stroke:2px #17171d;margin-left:2vw}[data-variant=mojs] .motion-intro-bottom{color:#17171d;font-weight:700}[data-variant=mojs] .motion-stage{background:0 0;border:0;min-height:280px;margin:0;overflow:visible}[data-variant=mojs] .spark-stage{min-height:280px}[data-variant=mojs] .spark-button{color:#ffe74c;background:#151514;border:5px solid #151514;border-radius:0;padding:24px 30px;font-size:21px;font-weight:800;transform:rotate(4deg);box-shadow:10px 10px #fa426e}[data-variant=mojs] .spark-orbit{clip-path:polygon(50% 0,60% 29%,85% 10%,75% 40%,100% 50%,73% 60%,86% 88%,60% 72%,50% 100%,40% 73%,12% 88%,27% 60%,0 50%,29% 40%,12% 12%,40% 27%);background:#fa426e;border:0;width:270px;height:270px}[data-variant=mojs] .spark-stage p{color:#17171d;background:#ffe74c;padding:8px}[data-variant=mojs] .story-section{background:#ffe74c;border:7px solid #17171d;border-top:0;min-height:100svh;padding:90px 5vw;overflow:hidden}[data-variant=mojs] .story-section:nth-child(2n){background:#fa426e}[data-variant=mojs] .story-section:nth-child(3n){background:#afe3fa}[data-variant=mojs] .story-number{font:950 clamp(170px, 34vw, 500px)/1 Impact, var(--sans);opacity:.14;letter-spacing:-.08em;top:auto;bottom:-40px;right:-20px}[data-variant=mojs] .story-section h2{font:950 clamp(55px, 10vw, 150px)/.85 Impact, "Arial Narrow", var(--sans);text-transform:uppercase;letter-spacing:-.045em;text-wrap:balance;max-width:1100px;margin-bottom:55px}[data-variant=mojs] .motion-profile h2{font-size:clamp(40px,6.8vw,100px)}[data-variant=mojs] .motion-eyebrow{letter-spacing:.13em;font-weight:850}[data-variant=mojs] .story-job{background:#fffbed;border:4px solid #17171d;padding:30px;box-shadow:12px 12px #17171d}[data-variant=mojs] .motion-projects{grid-template-columns:1fr;gap:45px;padding:15px}[data-variant=mojs] .motion-projects>.story-reveal{transform:rotate(-3deg);grid-column:auto!important;margin:0!important}[data-variant=mojs] .motion-projects>.story-reveal:nth-child(2n){transform:rotate(3deg);margin-left:6%!important}[data-variant=mojs] .story-section .motion-project{color:#17171d;text-align:left;background:#fffbed;border:4px solid #17171d;border-radius:0;max-width:none;min-height:190px;padding:30px;box-shadow:12px 12px #17171d}[data-variant=mojs] .motion-project h3{font:850 clamp(32px, 5vw, 70px)/1 var(--sans);letter-spacing:-.05em}[data-variant=mojs] .motion-project .project-order{opacity:1;color:#17171d;font-size:70px}[data-variant=mojs] [data-project-spark]{color:#17171d;background:#ffe74c;border:2px solid #17171d;flex-shrink:0;width:48px;height:48px}[data-variant=mojs] .story-skill-grid{gap:35px}[data-variant=mojs] .story-skill-grid article{background:#fffbed;border:4px solid #17171d;min-height:245px;padding:32px;box-shadow:9px 9px #17171d}[data-variant=mojs] .story-skill-grid .story-reveal:nth-child(2n){transform:rotate(3deg)}[data-variant=mojs] .story-skill-grid h3{text-transform:uppercase;font-size:clamp(28px,4vw,56px);line-height:1}[data-variant=mojs] .story-education-grid article{background:#fffbed;border:4px solid #17171d;border-radius:0;box-shadow:9px 9px #17171d}[data-variant=mojs] .motion-outro{background:#ffe74c!important}[data-variant=mojs] .motion-contact{border-radius:0;box-shadow:8px 8px #fa426e}[data-variant=popmotion] .motion-portfolio{color:#161616;background:#e9e4d7 radial-gradient(#aaa69c 1px,#0000 1px) 0 0/20px 20px;padding:35px}[data-variant=popmotion] .story-opening{background:#f9f6ed;border:3px solid #17171d;min-height:100svh;margin:0 20px 75px 0;padding:40px 3vw;overflow:visible;box-shadow:12px 12px #17171d}[data-variant=popmotion] .motion-intro{padding:0}[data-variant=popmotion] .motion-intro h1{font:850 clamp(56px, 10vw, 145px)/.9 var(--sans);letter-spacing:-.08em;color:#17171d}[data-variant=popmotion] .motion-intro h1 .motion-word:last-child{background:#ffd83d;margin-left:0;padding:5px 20px;display:table;transform:rotate(-3deg)}[data-variant=popmotion] .motion-intro-bottom{color:#17171d}[data-variant=popmotion] .motion-stage{color:#17171d;background:#b9d2ed;border:3px solid #17171d;border-radius:0;margin:35px 0 0;box-shadow:9px 9px #17171d}[data-variant=popmotion] .physics-stage{min-height:310px;padding:24px}[data-variant=popmotion] .physics-track{background:repeating-linear-gradient(0deg,#0000,#0000 23px,#7895b3 24px);border:2px solid #17171d;height:190px}[data-variant=popmotion] .physics-tile{color:#17171d;background:#ef5948;border:3px solid #17171d;border-radius:50%;width:150px;height:150px;box-shadow:5px 5px #17171d}[data-variant=popmotion] .physics-targets button{color:#17171d;background:#f9f6ed;border:2px solid #17171d;border-radius:0}[data-variant=popmotion] .physics-targets button[aria-pressed=true]{background:#ffd83d}[data-variant=popmotion] .story-section{background:#f9f6ed;border:3px solid #17171d;min-height:70svh;margin:35px 0 80px;padding:65px 3vw;overflow:visible;box-shadow:12px 12px #17171d}[data-variant=popmotion] .story-section:nth-child(2n){margin-left:5%;margin-right:2%}[data-variant=popmotion] .story-section:nth-child(3n){background:#b9d2ed;margin-right:5%}[data-variant=popmotion] .story-number{font:700 18px var(--mono);opacity:1;color:#17171d;letter-spacing:0;top:16px;bottom:auto;right:20px;transform:none!important}[data-variant=popmotion] .story-section:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 4px,#17171d 5px,#0000 6px);border-bottom:3px solid #17171d;height:40px;position:absolute;inset:0 0 auto}[data-variant=popmotion] .story-section h2{font:850 clamp(44px, 7vw, 98px)/.96 var(--sans);letter-spacing:-.065em;max-width:950px}[data-variant=popmotion] .motion-profile h2{font-size:clamp(34px,5.5vw,75px)}[data-variant=popmotion] .story-job{background:#f9f6ed;border:2px solid #17171d;padding:28px;box-shadow:7px 7px #17171d}[data-variant=popmotion] .motion-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}[data-variant=popmotion] .motion-projects>.story-reveal{grid-column:auto!important;margin:0!important}[data-variant=popmotion] .story-section .motion-project{text-align:left;background:#ffd83d;border:3px solid #17171d;border-radius:0;flex-wrap:wrap;align-content:flex-start;gap:20px;max-width:none;min-height:280px;padding:30px;display:flex;box-shadow:9px 9px #17171d}[data-variant=popmotion] .motion-projects>.story-reveal:nth-child(3n) .motion-project{background:#ef5948}[data-variant=popmotion] .motion-projects>.story-reveal:nth-child(3n+2) .motion-project{background:#b9d2ed}[data-variant=popmotion] .motion-project h3{font-size:clamp(29px,3vw,46px)}[data-variant=popmotion] .project-order{display:none}[data-variant=popmotion] .story-skill-grid{gap:35px}[data-variant=popmotion] .story-skill-grid article{background:#ffd83d;border:3px solid #17171d;min-height:230px;padding:24px;box-shadow:8px 8px #17171d}[data-variant=popmotion] .story-skill-grid .story-reveal:nth-child(2n) article{background:#b9d2ed}[data-variant=popmotion] .story-skill-grid h3{font-size:clamp(28px,3.2vw,48px);line-height:1.05}[data-variant=popmotion] .world-drag{color:#fffbed;cursor:grab;touch-action:none;text-align:left;width:100%;font:12px var(--mono);background:#17171d;border:0;border-radius:0;margin:0 0 20px;padding:8px 12px;display:block}[data-variant=popmotion] .world-drag:active{cursor:grabbing}[data-variant=popmotion] .story-education-grid article{background:#f9f6ed;border:3px solid #17171d;box-shadow:9px 9px #17171d}[data-variant=popmotion] .motion-outro{background:#ef5948!important}[data-variant=popmotion] .motion-contact{border-radius:0;box-shadow:7px 7px #ffd83d}@media (width<=800px){[data-variant=framer] .motion-projects{grid-template-columns:repeat(2,minmax(0,1fr))}[data-variant=framer] .motion-projects>.story-reveal:first-child{grid-column:auto!important}[data-variant=framer] .motion-stage{margin-left:0;transform:none}[data-variant=mojs] .motion-project .project-order{font-size:35px}[data-variant=popmotion] .motion-portfolio{padding:16px}[data-variant=popmotion] .motion-projects{grid-template-columns:1fr}}@media (width<=600px){:is([data-variant=framer],[data-variant=mojs],[data-variant=popmotion]) .story-section{min-height:auto;padding:65px 22px}:is([data-variant=framer],[data-variant=mojs],[data-variant=popmotion]) .motion-intro h1{overflow-wrap:anywhere;font-size:clamp(43px,15vw,85px)}[data-variant=framer] .motion-portfolio{border-radius:22px;padding:10px}[data-variant=framer] .story-section,[data-variant=framer] .story-opening{border-radius:24px}[data-variant=framer] .story-opening{min-height:90svh;padding:55px 20px}[data-variant=framer] .motion-projects{grid-template-columns:1fr}[data-variant=framer] .framer-project{padding:25px}[data-variant=framer] .story-section .motion-project{min-height:240px;padding:23px}[data-variant=framer] .story-job,[data-variant=framer] .story-skill-grid article{padding:23px}[data-variant=mojs] .story-opening{min-height:100svh;padding:55px 20px}[data-variant=mojs] .story-section,[data-variant=mojs] .story-opening{border-width:3px}[data-variant=mojs] .story-section h2{font-size:clamp(42px,12vw,70px)}[data-variant=mojs] .motion-projects{gap:30px;padding:0}[data-variant=mojs] .story-section .motion-project{flex-wrap:wrap;gap:15px;min-height:180px;padding:20px;display:flex}[data-variant=mojs] .story-job,[data-variant=mojs] .story-skill-grid article{padding:20px}[data-variant=popmotion] .story-opening{margin-right:8px;padding:45px 18px;box-shadow:6px 6px #17171d}[data-variant=popmotion] .story-section{box-shadow:6px 6px #17171d;margin:25px 8px 45px 0!important}[data-variant=popmotion] .story-section h2{font-size:clamp(35px,10vw,60px)}[data-variant=popmotion] .motion-stage{box-shadow:4px 4px #17171d}[data-variant=popmotion] .physics-stage{padding:12px}[data-variant=popmotion] .physics-tile{width:100px;height:100px}[data-variant=popmotion] .physics-track{height:150px}[data-variant=popmotion] .story-section .motion-project{padding:20px;box-shadow:5px 5px #17171d}}@media (prefers-reduced-motion:reduce){:is([data-variant=framer],[data-variant=mojs],[data-variant=popmotion]) [data-story-item]{transform:none!important}}[data-variant=mojs] .world-impact-stamp{font:900 clamp(210px, 45vw, 680px)/1 var(--sans);color:#17171d;opacity:.15;transform-origin:50%;pointer-events:none;position:absolute;top:8%;right:-5%}[data-variant=framer] .world-expanded .motion-project{min-height:350px}[data-variant=framer] .world-expanded .motion-project h3{font-size:clamp(38px,6vw,82px)}:is([data-variant=framer],[data-variant=mojs],[data-variant=popmotion]) .story-section .motion-projects>.story-reveal{width:auto!important;max-width:none!important;padding-top:0!important}[data-variant=mojs] .story-section .motion-project .project-order{opacity:1;width:auto;font-size:70px}[data-variant=framer] .story-section .motion-project .project-order{opacity:1;font-size:14px}@media (width<=600px){[data-variant=mojs] .story-section .motion-project .project-order{font-size:35px}}:is([data-variant=framer],[data-variant=mojs],[data-variant=popmotion]) .story-opening :is(.motion-eyebrow,.motion-eyebrow span,.motion-intro-bottom a,.motion-gesture),[data-variant=framer] .framer-project p{color:#34283e}[data-variant=popmotion] .physics-tile small{color:#17171d;opacity:1}[data-variant=framer] .framer-index{color:#34283e}[data-variant=popmotion] #spring-feel,[data-variant=popmotion] #spring-feel option{color:#17171d;color-scheme:light;background:#f9f6ed}[data-variant=anime]{--schematic-ink:var(--foreground)}[data-variant=anime] .story-atmosphere,[data-variant=anime] .story-scenery,[data-variant=lottie] .story-atmosphere,[data-variant=lottie] .story-scenery{display:none}[data-variant=anime] .story-opening,[data-variant=anime] .story-section{--scene-bg:var(--background);--scene-ink:var(--foreground);color:var(--foreground);background-color:var(--background);background-image:linear-gradient(color-mix(in srgb, var(--foreground) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--foreground) 7%, transparent) 1px, transparent 1px);border:1px solid var(--border);background-size:24px 24px;min-height:100svh;margin:30px 0;padding:85px 55px 100px;font-family:monospace}[data-variant=anime] .story-opening{grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}[data-variant=anime] .story-opening .motion-intro h1{letter-spacing:-.08em;font:600 clamp(46px,6.8vw,108px)/1.05 monospace}[data-variant=anime] .story-opening .motion-word:last-child{margin-left:0}[data-variant=anime] .story-opening .motion-stage{background:var(--background);border:1px solid var(--foreground);min-height:300px}[data-variant=anime] .story-opening .motion-gesture{grid-column:1/-1}[data-variant=anime] .story-section{grid-template-columns:minmax(180px,.72fr) minmax(0,1.65fr);align-content:center;gap:35px 55px;display:grid}[data-variant=anime] .story-section>.motion-eyebrow{letter-spacing:.08em;grid-column:1;margin:0;font:11px monospace}[data-variant=anime] .story-section>h2,[data-variant=anime] .story-section>.motion-section-heading{grid-area:2/1}[data-variant=anime] .story-section h2,[data-variant=anime] .story-section.motion-profile h2,[data-variant=anime] .story-section.motion-outro h2{letter-spacing:-.07em;overflow-wrap:anywhere;margin:0;font:500 clamp(31px,3.3vw,56px)/1.12 monospace}[data-variant=anime] .story-section>.story-reveal,[data-variant=anime] .story-section>.story-career,[data-variant=anime] .story-section>.motion-projects,[data-variant=anime] .story-section>.story-skill-grid,[data-variant=anime] .story-section>.story-education-grid{grid-area:1/2/span 3;align-self:center;width:100%;max-width:none;margin:0}[data-variant=anime] .story-section>.story-reveal+.story-reveal{grid-row:4}[data-variant=anime] .story-section.motion-profile .story-reveal p{background:var(--background);border:1px solid var(--border);padding:25px;font:18px/1.8 monospace}[data-variant=anime] .story-section .motion-projects{grid-template-columns:1fr;gap:25px}[data-variant=anime] .story-section .motion-projects>.story-reveal{padding:0;max-width:none!important}[data-variant=anime] .story-section .motion-project{border:1px solid var(--foreground);border-left:8px solid var(--foreground);background:var(--background);border-radius:0;min-height:150px;padding:22px}[data-variant=anime] .motion-project .project-order{width:auto;font:12px monospace}[data-variant=anime] .story-section .motion-project h3{letter-spacing:-.04em;font:500 clamp(20px,2vw,30px)/1.2 monospace}[data-variant=anime] .story-job{background:var(--background);border:1px solid var(--foreground);padding:25px}[data-variant=anime] .story-job-heading{display:block}[data-variant=anime] .story-job-heading h3{font:600 27px/1.2 monospace}[data-variant=anime] .story-job-heading strong{margin-top:15px;display:block}[data-variant=anime] .story-job ul{columns:1}[data-variant=anime] .story-section.motion-skills>.story-skill-grid{grid-template-columns:1fr 1fr;gap:20px}[data-variant=anime] .story-skill-grid article{background:var(--background);border:1px solid var(--border);height:100%;padding:20px}[data-variant=anime] .story-skill-grid h3{font:600 22px/1.2 monospace}[data-variant=anime] .story-education-grid{grid-template-columns:1fr}[data-variant=anime] .story-education-grid article{background:var(--background)}[data-variant=anime] .story-education-grid h3{font:500 30px/1.2 monospace}[data-variant=anime] .blueprint-routing{z-index:0;pointer-events:none;opacity:.22;position:absolute;inset:0}[data-variant=anime] .blueprint-routing svg{width:100%;height:100%}[data-variant=anime] .blueprint-current{opacity:1}[data-variant=anime] .blueprint-register{border-bottom:1px solid var(--border);background:var(--background);letter-spacing:.13em;z-index:3;justify-content:space-between;gap:12px;padding:14px 20px;font:10px monospace;display:flex;position:absolute;top:0;left:0;right:0}[data-variant=anime] .story-rail a>span{border-radius:0;font-family:monospace}[data-variant=anime] .story-section:after{content:"";width:100%;left:0;top:var(--schematic-scan,0);background:var(--foreground);opacity:.15;pointer-events:none;height:1px;position:absolute}[data-variant=lottie] .motion-portfolio{padding-inline:clamp(0px,3vw,50px)}[data-variant=lottie] .story-opening{grid-template-columns:1fr 1fr;align-items:center;gap:25px;min-height:95svh;padding:50px 25px 0;display:grid}[data-variant=lottie] .story-opening .motion-intro h1{font:400 clamp(56px, 8vw, 128px)/.94 var(--serif);letter-spacing:-.06em}[data-variant=lottie] .story-opening .motion-word:last-child{margin-left:0;font-style:italic}[data-variant=lottie] .story-opening .motion-stage{background:0 0;min-height:380px;overflow:visible}[data-variant=lottie] .story-opening .motion-gesture{border-top:1px solid var(--border);grid-column:1/-1;padding:25px 0}[data-variant=lottie] .story-opening [data-lottie-art]{width:135%;max-width:none;height:440px;margin-left:-18%}[data-variant=lottie] .story-section{--scene-bg:var(--background);--scene-ink:var(--foreground);background:color-mix(in srgb, var(--muted) 35%, var(--background));color:var(--foreground);border:1px solid var(--border);box-shadow:8px 8px 0 var(--background), 9px 9px 0 var(--border);border-radius:2px 40px 40px 2px;min-height:100svh;margin:70px 0;padding:70px 45% 80px 5%;overflow:clip}[data-variant=lottie] .story-section:before{content:"";background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:28px}[data-variant=lottie] .story-section:nth-child(odd){border-radius:40px 2px 2px 40px;padding:70px 5% 80px 45%}[data-variant=lottie] .story-section:nth-child(odd):before{left:auto;right:28px}[data-variant=lottie] .story-section h2,[data-variant=lottie] .story-section.motion-profile h2,[data-variant=lottie] .story-section.motion-outro h2{font:400 clamp(36px, 4.7vw, 75px)/1.03 var(--serif);letter-spacing:-.04em;margin:30px 0 40px}[data-variant=lottie] .storybook-illustration{right:-5%;top:calc(170px + var(--book-drift,0px));aspect-ratio:760/480;pointer-events:none;z-index:0;width:51%;position:absolute}[data-variant=lottie] .story-section:nth-child(odd) .storybook-illustration{left:-5%;right:auto}[data-variant=lottie] .story-section .motion-eyebrow{font:italic 16px var(--serif);text-transform:none;letter-spacing:.02em}[data-variant=lottie] .story-section.motion-profile .story-reveal p{font:20px/1.8 var(--serif)}[data-variant=lottie] .story-job-heading{display:block}[data-variant=lottie] .story-job-heading h3{font:500 30px/1.2 var(--serif)}[data-variant=lottie] .story-job-heading strong{margin-top:16px;display:block}[data-variant=lottie] .story-job ul{columns:1;line-height:1.9}[data-variant=lottie] .story-section .motion-projects{grid-template-columns:1fr;gap:25px}[data-variant=lottie] .story-section .motion-projects>.story-reveal{max-width:none;padding:0}[data-variant=lottie] .story-section .motion-project{background:0 0;border-width:0 0 1px;min-height:150px;padding:22px 0}[data-variant=lottie] .motion-project .project-order{font:italic 26px var(--serif);width:auto}[data-variant=lottie] .story-section .motion-project h3{font:400 30px/1.2 var(--serif)}[data-variant=lottie] .story-section.motion-skills>.story-skill-grid{grid-template-columns:1fr}[data-variant=lottie] .story-skill-grid h3{font-size:31px}[data-variant=lottie] .story-education-grid{grid-template-columns:1fr}[data-variant=lottie] .story-education-grid article{border-width:1px 0 0;padding:24px 0}[data-variant=lottie] .story-education-grid h3{font:400 34px/1.2 var(--serif)}[data-variant=lottie] .story-rail a>span{border-radius:3px 12px 12px 3px}[data-motion-paused=true] .blueprint-current{stroke-dashoffset:0!important}@media (width<=900px){[data-variant=anime] .story-opening{grid-template-columns:1fr}[data-variant=anime] .story-section{grid-template-columns:1fr;padding:80px 25px 55px}[data-variant=anime] .story-section>h2,[data-variant=anime] .story-section>.motion-section-heading,[data-variant=anime] .story-section>.story-reveal,[data-variant=anime] .story-section>.story-career,[data-variant=anime] .story-section>.motion-projects,[data-variant=anime] .story-section>.story-skill-grid,[data-variant=anime] .story-section>.story-education-grid{grid-area:auto/1}[data-variant=anime] .story-section h2{font-size:clamp(34px,7vw,60px)}[data-variant=lottie] .story-opening{grid-template-columns:1fr;gap:0;padding-inline:20px}[data-variant=lottie] .story-opening .motion-stage{min-height:300px}[data-variant=lottie] .story-opening [data-lottie-art]{width:100%;height:300px;margin-left:0}[data-variant=lottie] .story-section,[data-variant=lottie] .story-section:nth-child(odd){border-radius:2px 20px 20px 2px;min-height:0;margin:40px 0;padding:55px 35px 20px}[data-variant=lottie] .story-section:before,[data-variant=lottie] .story-section:nth-child(odd):before{left:13px;right:auto}[data-variant=lottie] .storybook-illustration,[data-variant=lottie] .story-section:nth-child(odd) .storybook-illustration{width:calc(100% + 60px);margin:15px 0 0;position:relative;top:0;left:-30px;right:auto}}@media (width<=500px){[data-variant=anime] .story-opening{padding:75px 20px 30px}[data-variant=anime] .story-opening .motion-intro h1{font-size:clamp(38px,11vw,55px)}[data-variant=anime] .story-section.motion-skills>.story-skill-grid{grid-template-columns:1fr}[data-variant=anime] .blueprint-register{padding-inline:12px;font-size:8px}[data-variant=anime] .story-job{padding:18px}[data-variant=anime] .story-job-heading h3{font-size:23px}[data-variant=lottie] .story-section h2,[data-variant=lottie] .story-section.motion-profile h2,[data-variant=lottie] .story-section.motion-outro h2{font-size:38px}[data-variant=lottie] .story-opening .motion-intro h1{font-size:61px}}[data-variant=lottie] .story-section .motion-projects>.story-reveal:last-child:nth-child(odd){max-width:none;margin:0}[data-variant=gsap]{--study-color:#c82d24;--scene-bg:#f4eee2;--scene-ink:#2d201d}[data-variant=gsap] .story-atmosphere,[data-variant=scrollmagic] .story-atmosphere{display:none}[data-variant=gsap] .motion-portfolio{color:#2d201d;background:#f4eee2}[data-variant=gsap] [data-story-scene]{--scene-bg:#f4eee2;--scene-ink:#2d201d;color:#2d201d;background:#f4eee2;border:0;border-bottom:1px solid #b9ab9a;border-radius:0}[data-variant=gsap] [data-story-scene]:nth-child(3n){--scene-bg:#bd3029;--scene-ink:#fff5e6;color:#fff5e6;background:#bd3029}[data-variant=gsap] [data-story-title]{font-family:var(--serif);letter-spacing:-.06em;color:inherit;text-transform:none;font-style:italic;font-weight:500;line-height:.95}[data-variant=gsap] .story-scenery .story-art{display:none}[data-variant=gsap] .story-number{opacity:.1;font-size:34vw;font-family:var(--serif);top:0;right:0}[data-variant=gsap] .motion-eyebrow,[data-variant=gsap] .motion-gesture,[data-variant=gsap] .motion-intro-bottom{color:inherit}[data-variant=gsap] .story-section .motion-project{background:0 0;border:0;border-top:2px solid;border-radius:0;transform:none}[data-variant=gsap] .story-section .motion-projects>.story-reveal:nth-child(2n){padding-top:0}[data-variant=gsap] .story-section .motion-projects>.story-reveal:last-child:nth-child(odd){grid-column:auto;max-width:none}[data-variant=gsap] .story-opening .motion-word:last-child{margin-left:0}[data-variant=gsap] .story-opening .motion-stage{color:#bd3029;background:0 0}[data-variant=gsap] .type-stage{background:0 0}[data-variant=gsap] .type-disc{color:#f4eee2;background:#bd3029;border:0}.gsap-viewport{position:relative}.gsap-scene-controls{z-index:8;color:#f4eee2;letter-spacing:.05em;text-transform:uppercase;background:#2d201d;align-items:center;gap:12px;height:58px;padding:10px 24px;font-size:11px;display:flex;position:absolute;inset:auto 0 0}.gsap-scene-controls button{width:36px;height:36px;color:inherit;background:0 0;border:1px solid #74665e;border-radius:50%;font-size:20px}.gsap-scene-controls button:disabled{opacity:.35}.gsap-panel-label{text-align:center;min-width:170px}.gsap-travel-hint{margin-left:auto}[data-gsap-layout=track] .gsap-viewport{border:1px solid #c4b8a8;height:calc(100svh - 180px);min-height:500px;overflow:hidden}[data-gsap-layout=track] .gsap-track{will-change:transform;gap:0;width:max-content;max-width:none;height:calc(100% - 58px);margin:0;padding:0;display:flex;position:relative}[data-gsap-layout=track] .gsap-track>[data-story-scene]{flex:0 0 var(--gsap-panel-width);width:var(--gsap-panel-width);max-width:var(--gsap-panel-width);overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#a7907d transparent;border-bottom:0;border-right:1px solid #b9ab9a;height:100%;min-height:0;margin:0;padding:36px clamp(36px,4vw,78px) 48px;scroll-margin-top:85px;overflow:hidden auto}[data-gsap-layout=track] .story-section h2{max-width:1000px;margin:12px 0 28px;font-size:clamp(42px,5.1vw,86px)}[data-gsap-layout=track] .story-opening{grid-template-columns:1.15fr .85fr;align-content:center;align-items:center;gap:20px 40px;display:grid}[data-gsap-layout=track] .story-opening .motion-intro{padding:0}[data-gsap-layout=track] .story-opening .motion-intro h1{font-size:clamp(64px,7.7vw,126px);line-height:.88}[data-gsap-layout=track] .motion-intro-bottom{flex-direction:column;align-items:flex-start;gap:18px}[data-gsap-layout=track] .story-opening .motion-stage{min-height:0;margin:0}[data-gsap-layout=track] .type-stage{min-height:360px;padding:80px 0 20px}[data-gsap-layout=track] .type-stage>span{font-size:clamp(48px,5.7vw,88px)}[data-gsap-layout=track] .motion-gesture{grid-column:1/-1;font-size:11px}[data-gsap-layout=track] .story-career{max-width:none}[data-gsap-layout=track] .story-job{padding:22px 0}[data-gsap-layout=track] .story-job-heading h3{font-size:29px}[data-gsap-layout=track] .story-job ul{font-size:14px;line-height:1.6}[data-gsap-layout=track] .story-job li{padding-bottom:12px}[data-gsap-layout=track] .story-section .motion-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}[data-gsap-layout=track] .story-section .motion-project{min-height:145px;padding:18px 0}[data-gsap-layout=track] .story-section .motion-project .project-order{font-size:20px}[data-gsap-layout=track] .story-section .motion-project h3{font-size:22px}[data-gsap-layout=track] .story-section .story-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}[data-gsap-layout=track] .story-skill-grid article{padding:18px 0}[data-gsap-layout=track] .story-skill-grid h3{font-size:27px}[data-gsap-layout=track] .story-skill-grid p{line-height:1.6;font-size:14px!important}[data-gsap-layout=track] .story-section.motion-profile .story-reveal{max-width:820px}[data-gsap-layout=track] .story-section.motion-profile .story-reveal p{font-size:23px}[data-gsap-layout=track] .story-contact-details{margin-top:25px}[data-gsap-layout=track] .story-education-grid{max-width:none}[data-gsap-layout=track] .story-education-grid article{padding:20px}[data-gsap-layout=track] .story-education-grid h3{font-size:32px}[data-gsap-layout=track] .story-languages{margin-top:24px;font-size:25px}[data-variant=scrollmagic]{--study-color:#2149e7}[data-variant=scrollmagic] .motion-portfolio{color:#17191d;background:#e9e7e0}[data-variant=scrollmagic] [data-story-scene]{--scene-bg:#e9e7e0;--scene-ink:#17191d;color:#17191d;isolation:isolate;background:#e9e7e0;border:0;border-bottom:2px solid;min-height:110svh;margin:0;padding:35px clamp(30px,5vw,90px) 110px;position:relative}[data-variant=scrollmagic] [data-story-scene]:nth-child(2n){--scene-bg:#17191d;--scene-ink:#e9e7e0;color:#e9e7e0;background:#17191d}[data-variant=scrollmagic] [data-story-key=projects],[data-variant=scrollmagic] [data-story-key=contact]{--scene-bg:#2348d5;--scene-ink:#fff;color:#fff;background:#2348d5}[data-variant=scrollmagic] [data-story-scene]:after{content:"";opacity:.035;pointer-events:none;z-index:0;background:currentColor;position:absolute;inset:35% -30% -45% 48%;transform:rotate(-28deg)}[data-variant=scrollmagic] .story-scenery{display:none}[data-variant=scrollmagic] .sm-chapter-masthead{pointer-events:none;height:240px;color:inherit;align-items:center;gap:24px;margin:0 0 -100px;display:flex;position:relative;overflow:visible;z-index:0!important}[data-variant=scrollmagic] .sm-issue-number{font:800 clamp(70px, 11vw, 170px)/.8 var(--sans);letter-spacing:-.1em;writing-mode:vertical-rl;opacity:.28;flex:none;display:block;transform:rotate(180deg)}[data-variant=scrollmagic] .sm-moving-word{white-space:nowrap;font:800 clamp(100px, 17vw, 260px)/.85 var(--sans);letter-spacing:-.095em;-webkit-text-stroke:1px var(--scene-ink);color:#0000;opacity:.16;display:block}[data-variant=scrollmagic] .story-section h2,[data-variant=scrollmagic] .story-opening .motion-intro h1{font-family:var(--serif);letter-spacing:-.07em;text-transform:none;color:inherit;z-index:2;max-width:950px;margin:30px 0 65px 15%;font-size:clamp(60px,8.5vw,132px);font-style:italic;font-weight:400;line-height:.98;position:relative}[data-variant=scrollmagic] .story-opening .motion-intro h1{margin-left:0;font-size:clamp(85px,12vw,190px)}[data-variant=scrollmagic] .story-opening .motion-word:last-child{margin-left:20%}[data-variant=scrollmagic] .motion-intro-bottom,[data-variant=scrollmagic] .motion-eyebrow,[data-variant=scrollmagic] .motion-gesture{color:inherit}[data-variant=scrollmagic] .story-opening .motion-stage{background:0 0;min-height:0}[data-variant=scrollmagic] .chapter-stage{color:#fff;background:#2149e7;max-width:950px;min-height:260px;margin:40px auto;padding:32px;transform:rotate(-3deg)}[data-variant=scrollmagic] .chapter-count{color:inherit;font-size:150px}[data-variant=scrollmagic] .chapter-stage h2{font-size:37px;font-family:var(--sans);letter-spacing:-.04em}[data-variant=scrollmagic] .story-career,[data-variant=scrollmagic] .story-education-grid{max-width:880px;margin-left:22%}[data-variant=scrollmagic] .story-job ul{columns:1}[data-variant=scrollmagic] .story-section .motion-projects{gap:50px;margin-left:10%}[data-variant=scrollmagic] .story-section .motion-project{background:0 0;border:0;border-top:3px solid;border-radius:0;min-height:280px;padding:25px 0}[data-variant=scrollmagic] .story-section .motion-project:before{display:none}[data-variant=scrollmagic] .story-section .motion-project h3{font-family:var(--serif);font-size:38px;font-style:italic}[data-variant=scrollmagic] .story-section .motion-project .project-order{font-size:60px;font-weight:800}[data-variant=scrollmagic] .story-section .story-skill-grid{grid-template-columns:1fr;max-width:900px;margin-left:20%}[data-variant=scrollmagic] .story-skill-grid article{grid-template-columns:.8fr 1.2fr;gap:36px;padding-block:35px;display:grid}[data-variant=scrollmagic] .story-skill-grid h3{font-size:36px}[data-variant=scrollmagic] .story-contact-actions,[data-variant=scrollmagic] .story-contact-details{margin-left:15%}[data-variant=scrollmagic] .story-section .motion-contact{color:#1836a5;background:#fff}[data-variant=scrollmagic] .story-education-grid article{border:0;border-top:3px solid;padding:30px 0}@media (width<=1099px),(height<=699px){[data-gsap-layout=track] .gsap-viewport{min-height:0}[data-variant=gsap] .story-opening .motion-intro h1{font-size:clamp(60px,10vw,110px)}[data-variant=gsap] .story-section h2{font-size:clamp(40px,6vw,75px)}}@media (width<=760px){[data-variant=gsap],[data-variant=scrollmagic]{padding-inline:8px}[data-variant=gsap] [data-story-scene]{min-height:0;padding:40px 22px}[data-variant=gsap] .story-opening .motion-intro h1{font-size:clamp(52px,13vw,85px)}[data-variant=gsap] .story-section .motion-project{min-height:0;padding:25px 0}[data-variant=scrollmagic] [data-story-scene]{min-height:0;padding:28px 22px 75px}[data-variant=scrollmagic] .sm-chapter-masthead{gap:12px;height:150px;margin-bottom:-60px}[data-variant=scrollmagic] .sm-issue-number{font-size:65px}[data-variant=scrollmagic] .sm-moving-word{font-size:105px}[data-variant=scrollmagic] .story-section h2,[data-variant=scrollmagic] .story-opening .motion-intro h1{margin:20px 0 35px;font-size:clamp(38px,10vw,70px)}[data-variant=scrollmagic] .story-opening .motion-word:last-child{margin-left:8%}[data-variant=scrollmagic] .chapter-stage{margin:22px 0;padding:22px;transform:rotate(-1.5deg)}[data-variant=scrollmagic] .chapter-stage h2{font-size:27px}[data-variant=scrollmagic] .story-career,[data-variant=scrollmagic] .story-education-grid,[data-variant=scrollmagic] .story-section .motion-projects,[data-variant=scrollmagic] .story-section .story-skill-grid,[data-variant=scrollmagic] .story-contact-actions,[data-variant=scrollmagic] .story-contact-details{margin-left:0}[data-variant=scrollmagic] .story-section .motion-projects{gap:25px}[data-variant=scrollmagic] .story-section .motion-project{min-height:0}[data-variant=scrollmagic] .story-skill-grid article{display:block}[data-variant=scrollmagic] .story-skill-grid h3{font-size:30px}}@media print{[data-variant=gsap] .gsap-viewport,[data-variant=gsap] .gsap-track{width:auto!important;height:auto!important;display:block!important;overflow:visible!important;transform:none!important}[data-variant=gsap] [data-story-scene]{width:auto!important;height:auto!important;overflow:visible!important}.gsap-scene-controls,.sm-chapter-masthead{display:none!important}[data-variant=gsap] .pin-spacer{height:auto!important;padding:0!important}[data-variant=gsap] .gsap-viewport{max-height:none!important;position:static!important;inset:auto!important}[data-variant=scrollmagic] .scrollmagic-pin-spacer{display:none!important}}[data-variant=gsap] [data-story-scene] a:not(.motion-contact),[data-variant=gsap] [data-story-scene] .story-meta{color:var(--scene-ink)}[data-variant=gsap] .motion-intro-bottom a{color:#87261f}