@font-face{font-family:Sora;src:url(../fonts/sora-variable.woff2)format("woff2");font-style:normal;font-weight:100 800;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/inter-variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-brand:#ff681e;--color-brand-hover:#ff803f;--color-brand-on-light:#d94b08;--color-brand-soft:#ff803f;--color-brand-support:#d94b08;--color-background:#080808;--color-surface:#151515;--color-examples:#121212;--color-surface-muted:#222;--color-text:#fff;--color-hero-support:#c1c1c1;--color-text-secondary-base:#aaa;--color-text-muted:#aaa;--color-light:#fff;--color-on-light:#333;--color-border:#303030;--color-focus:#ff803f;--color-ink:#080808;--color-line:#303030;--color-brand-tint:color-mix(in srgb, var(--color-brand) 12%, var(--color-background));--color-glass:color-mix(in srgb, var(--color-background) 85%, transparent);--font-heading:"Sora", sans-serif;--font-body:"Inter", sans-serif;--weight-heading:800;--weight-subheading:750;--weight-button:650;--weight-label:600;--weight-body:400;--text-3xs:.5625rem;--text-2xs:.625rem;--text-caption:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-reading:1rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-h3:clamp(1.125rem, 1.5vw, 1.375rem);--text-h2:clamp(2rem, 3.2vw, 3.25rem);--text-h1:clamp(3.1rem, 4.8vw, 4.75rem);--text-h1-tablet:clamp(2rem, 5.5vw, 3rem);--text-h1-mobile:clamp(2.35rem, 10vw, 3.1rem);--text-product-heading:clamp(1.75rem, 2.4vw, 2.4rem);--text-product-heading-compact:1.85rem;--text-cta-heading:clamp(1.75rem, 2.8vw, 2.5rem);--text-cta-heading-mobile:1.75rem;--line-body:1.65;--line-heading:1.12;--tracking-heading:-.045em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:80px;--space-10:112px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--border-width:1px;--container-width:1440px;--page-gutter:clamp(20px, 5vw, 88px);--section-space:clamp(64px, 7.5vw, 112px);--header-height:88px;--brand-logo-width:220px;--brand-mark-width:46px;--brand-mark-height:37px;--brand-logo-gap:8px;--brand-name-size:13px;--brand-name-tracking:.38em;--brand-signature-size:8px;--brand-signature-tracking:.27em;--button-height:52px;--button-height-sm:44px;--icon-size:20px;--icon-size-lg:28px;--youtube-min-size:200px;--portfolio-portrait-ratio:9 / 16;--client-logo-width:144px;--client-logo-height:80px;--client-logo-height-mobile:56px;--client-logo-columns-tablet:4;--client-logo-columns-mobile:4;--client-logo-filter-soft:grayscale(1) contrast(2.6);--client-logo-filter-dark:url(#client-logo-dark);--client-logo-filter-green:grayscale(1) brightness(2) contrast(6);--client-logo-filter-paper:grayscale(1) invert(1) brightness(1.3) contrast(1.5);--client-logo-filter-reverse:grayscale(1) contrast(3);--shadow-dialog:0 24px 100px #0009;--shadow-device:0 24px 64px #0006;--duration-fast:.16s;--duration-normal:.28s;--duration-hero:.6s;--hero-enter-distance:10px;--hero-portrait-ratio:5 / 4;--content-reading-width:48ch;--ease:cubic-bezier(.2, .8, .2, 1);--layer-header:20;--layer-menu:30}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4))}body{background:var(--color-background);color:var(--color-text);font:400 var(--text-md)/var(--line-body) var(--font-body);-webkit-font-smoothing:antialiased;margin:0}body,#root{min-width:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-heading);line-height:var(--line-heading);letter-spacing:var(--tracking-heading)}h1{font-size:var(--text-h1);font-weight:var(--weight-heading)}h2{font-size:var(--text-h2);font-weight:var(--weight-subheading);text-wrap:balance}h3{font-size:var(--text-h3);font-weight:var(--weight-label)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}img,svg,video{max-width:100%;display:block}img{height:auto}ul,ol{margin:0;padding:0;list-style:none}::selection{background:var(--color-brand);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:var(--space-1)}.container{width:min(var(--container-width), calc(100% - var(--page-gutter) * 2));margin-inline:auto}.section{padding-block:var(--section-space)}.icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.skip-link{top:var(--space-4);left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-5);background:var(--color-brand);color:var(--color-ink);border-radius:var(--radius-sm);font-weight:600;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.section-action{margin-top:var(--space-7);justify-content:center;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.button{min-height:var(--button-height);justify-content:center;align-items:center;gap:var(--space-3);width:fit-content;padding:var(--space-3) var(--space-5);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:center;transition:background var(--duration-fast), border-color var(--duration-fast);font-weight:650;line-height:1.4;display:inline-flex}.button>span{min-width:0}.button--primary{background:var(--color-brand);color:var(--color-ink)}.button--primary:hover{background:var(--color-brand-hover)}.button--secondary{border-color:var(--color-border);color:var(--color-text);background:0 0}.button--secondary:hover{border-color:var(--color-brand-soft);background:var(--color-surface)}.button--text{color:var(--color-brand);background:0 0;padding-inline:0}.button--text:hover{color:var(--color-brand-soft)}.brand-logo{gap:var(--brand-logo-gap);width:var(--brand-logo-width);text-align:center;color:var(--color-text);flex-direction:column;flex-shrink:0;align-items:center;display:inline-flex}.brand-mark{width:var(--brand-mark-width);height:var(--brand-mark-height);overflow:visible}.brand-wordmark{gap:var(--space-1);text-transform:uppercase;white-space:nowrap;flex-direction:column;display:flex}.brand-wordmark strong{font:500 var(--brand-name-size)/1.3 var(--font-heading);letter-spacing:var(--brand-name-tracking);padding-left:var(--brand-name-tracking)}.brand-wordmark>span{font:500 var(--brand-signature-size)/1.4 var(--font-body);color:var(--color-text-muted);letter-spacing:var(--brand-signature-tracking);padding-left:var(--brand-signature-tracking)}.section-label{align-items:center;gap:var(--space-2);color:var(--color-brand-soft);font-size:var(--text-xs);margin-bottom:var(--space-5);font-weight:500;display:flex}.section-label>span{background:var(--color-brand);border-radius:50%;flex-shrink:0;width:5px;height:5px}.section-heading{max-width:860px}.section-description{max-width:64ch;color:var(--color-text-muted);margin-top:var(--space-5)}.service-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.service-tags li{border:var(--border-width) solid var(--color-line);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs)}.edit-timeline{padding:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:0;position:relative;overflow:hidden}.timeline-ruler{margin-left:var(--space-7);color:var(--color-text-muted);font-size:var(--text-3xs);padding-bottom:var(--space-3);border-bottom:var(--border-width) solid var(--color-line);justify-content:space-between;line-height:1;display:flex}.timeline-lanes{gap:var(--space-1);margin-top:var(--space-2);display:grid}.timeline-lane{grid-template-columns:var(--space-7) 1fr;align-items:center;min-height:18px;display:grid}.timeline-track{font-size:var(--text-3xs);color:var(--color-text-muted)}.timeline-clips,.timeline-wave,.timeline-motion{gap:3px;height:18px;display:flex}.timeline-clips i{background:color-mix(in srgb, var(--color-brand-soft) 25%, var(--color-surface-muted));border:var(--border-width) solid var(--color-brand-support);border-radius:2px;flex:1}.timeline-clips i:nth-child(2),.timeline-clips i:nth-child(4){background:color-mix(in srgb, var(--color-brand) 25%, var(--color-surface-muted));flex:1.8}.timeline-wave{padding:2px var(--space-2);background:color-mix(in srgb, var(--color-brand-support) 25%, var(--color-surface));align-items:center}.timeline-wave i{background:var(--color-brand-soft);opacity:.7;flex:1}.timeline-motion i{background:var(--color-brand-support);border-radius:2px;flex:1;align-self:center;height:9px}.timeline-motion i:first-child{flex:2;margin-left:15%}.timeline-motion i:last-child{margin-right:10%}.timeline-playhead{height:calc(100% - var(--space-4));top:var(--space-2);width:var(--border-width);background:var(--color-brand);position:absolute;left:56%}.timeline-playhead:before{content:"";background:var(--color-brand);clip-path:polygon(0 0,100% 0,50% 100%);width:7px;height:7px;position:absolute;top:0;left:-3px}.project-cover{border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);aspect-ratio:16/10;background:var(--color-surface);width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-cover--portrait{aspect-ratio:var(--portfolio-portrait-ratio)}.project-cover>img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease)}.project-cover:hover>img{transform:scale(1.025)}.project-cover-shade{background:linear-gradient(#0004,#0000 45%,#0008);position:absolute;inset:0}.project-play{width:var(--button-height);height:var(--button-height);left:var(--space-4);bottom:var(--space-4);border:var(--border-width) solid #f8f6f370;background:var(--color-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--duration-fast);border-radius:50%;place-items:center;display:grid;position:absolute}.project-play .icon{fill:currentColor;stroke-width:0;width:18px;height:18px;margin-left:2px}.project-cover:hover .project-play{color:var(--color-ink);background:var(--color-brand);border-color:var(--color-brand)}.project-placeholder{top:var(--space-4);left:var(--space-4);font-size:var(--text-2xs);padding:var(--space-1) var(--space-2);background:var(--color-glass);border-radius:var(--radius-sm);color:var(--color-text-muted);position:absolute}.project-duration{top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-glass);color:var(--color-text);font-size:var(--text-xs);font-variant-numeric:tabular-nums;position:absolute}.project-open{right:var(--space-4);bottom:var(--space-4);color:var(--color-text);position:absolute}.project-info{padding-top:var(--space-5)}.project-category{color:var(--color-brand-soft);font-size:var(--text-xs);margin-bottom:var(--space-2)}.project-info h3 button{justify-content:space-between;align-items:start;gap:var(--space-3);width:100%;font:inherit;letter-spacing:inherit;text-align:left;background:0 0;border:0;padding:0;line-height:1.35;display:flex}.project-info h3 button .icon{width:17px;height:17px;color:var(--color-text-muted);margin-top:var(--space-1)}.project-info>p:last-child{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.video-dialog{width:min(1080px, calc(100% - var(--space-6)));max-height:calc(100dvh - var(--space-6));border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-dialog);padding:0;overflow-y:auto}.video-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c}.video-dialog-inner{grid-template-columns:1.2fr 1fr;display:grid;position:relative}.dialog-close{right:var(--space-3);top:var(--space-3);z-index:2;width:var(--button-height-sm);height:var(--button-height-sm);border:var(--border-width) solid var(--color-border);background:var(--color-glass);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.dialog-close:hover{background:var(--color-surface-muted)}.dialog-media{background:var(--color-background);place-items:center;min-height:420px;display:grid}.dialog-media video,.dialog-media iframe{aspect-ratio:16/9;object-fit:contain;border:0;width:100%;max-height:75dvh}.dialog-media--portrait video,.dialog-media--portrait iframe{aspect-ratio:9/16;width:auto;max-width:100%;height:min(70dvh,640px)}.dialog-media--portrait iframe{min-width:var(--youtube-min-size)}.dialog-empty{width:100%;height:100%;min-height:420px;padding:var(--space-6);text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.dialog-empty>img{object-fit:cover;opacity:.12;width:100%;height:100%;position:absolute;inset:0}.dialog-empty>div{max-width:34ch;position:relative}.dialog-empty .icon{width:40px;height:40px;color:var(--color-brand);margin:0 auto var(--space-5)}.dialog-empty p{color:var(--color-text-muted);margin-top:var(--space-4);font-size:var(--text-sm)}.dialog-empty .button{margin-top:var(--space-5)}.dialog-copy{padding:var(--space-8) var(--space-6) var(--space-6);align-self:center}.dialog-copy h2{font-size:var(--text-h3);margin-bottom:var(--space-5)}.dialog-copy>p:not(.section-label){color:var(--color-text-muted);font-size:var(--text-sm)}.dialog-copy h3{font:500 var(--text-xs)/1.5 var(--font-body);color:var(--color-text-muted);margin:var(--space-5) 0 var(--space-3)}.dialog-copy .button{margin-top:var(--space-6);width:100%}.external-video-link{margin-top:var(--space-5);gap:var(--space-2);font-size:var(--text-xs);color:var(--color-brand-soft);align-items:center;display:flex}@media (width<=640px){.video-dialog-inner{grid-template-columns:1fr}.dialog-media,.dialog-empty{min-height:260px}.dialog-media--portrait video,.dialog-media--portrait iframe{max-height:55dvh}.dialog-copy{padding:var(--space-6) var(--space-5)}.section-label{margin-bottom:var(--space-4)}}