body{margin:0;background:#050505} @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap'); #dr-flow{background:#050505;color:#fafafa;font-family:'DM Sans',Arial,sans-serif;overflow:hidden}#dr-flow *{box-sizing:border-box}#dr-flow button,#dr-flow a{font:inherit;color:inherit}#dr-flow button{cursor:pointer}#dr-flow a{text-decoration:none}#dr-flow .head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding:26px 4%;border-bottom:1px solid #ffffff1c}#dr-flow .name{font-size:12px;letter-spacing:3px}#dr-flow nav{display:flex;gap:25px;flex-wrap:wrap}#dr-flow nav button{background:none;border:0;padding:5px 0;font-size:11px;color:#d7d7d7}#dr-flow h1,#dr-flow h2,#dr-flow h3,#dr-flow p{margin:0;font-weight:400}#dr-flow .hero{min-height:500px;position:relative;display:flex;align-items:flex-end;padding:45px 4%;isolation:isolate}#dr-flow .hero .visual{position:absolute;inset:0;z-index:-2}#dr-flow .hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000c,transparent 80%)}#dr-flow .hero h1{font-size:clamp(45px,7.2vw,88px);line-height:1.04;letter-spacing:-3px;max-width:760px}#dr-flow .hero-bottom{width:100%;display:flex;justify-content:space-between;gap:25px;align-items:end}#dr-flow .hero p{font-size:12px;line-height:1.8;color:#dbdbdb;margin-top:22px}#dr-flow .round{background:none;border:1px solid #ffffff85;border-radius:50%;width:70px;height:70px;flex-shrink:0;font-size:12px;letter-spacing:1px}#dr-flow .tiny{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:#949494}#dr-flow .section{padding:85px 4% 25px;scroll-margin-top:15px}#dr-flow .section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}#dr-flow h2{font-size:clamp(32px,5.8vw,65px);line-height:1.04;letter-spacing:-2px}#dr-flow .section-title p{font-size:11px;color:#919191;max-width:230px;line-height:1.7}#dr-flow .project-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px 20px}#dr-flow .project{border:0;background:none;padding:0;text-align:left;min-width:0}#dr-flow .project:nth-child(even){padding-top:75px}#dr-flow .project .visual{height:240px;border-radius:5px;position:relative;overflow:hidden;transition:transform .6s}#dr-flow .project:nth-child(even) .visual{height:210px}#dr-flow .project:hover .visual{transform:translateY(-5px)}#dr-flow .project h3{font-size:19px;letter-spacing:-.5px;margin-top:16px}#dr-flow .project p{font-size:10px;color:#949494;line-height:1.8;margin-top:7px}#dr-flow .project .arrow{float:right;color:#ccc}#dr-flow .visual{position:relative;background:#253039;overflow:hidden}#dr-flow .visual svg{width:100%;height:100%;display:block;object-fit:cover}#dr-flow .placeholder{position:absolute;top:16px;left:18px;font-size:8px;letter-spacing:1.5px;color:#e8e8e8a0}#dr-flow .separator{margin:70px 4% 0;padding:25px 0;border-top:1px solid #ffffff2a;border-bottom:1px solid #ffffff2a;display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;font-size:13px;letter-spacing:2px;color:#8e8e8e}#dr-flow .about{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-bottom:60px}#dr-flow .about .visual{height:440px;border-radius:5px}#dr-flow .about p{font-size:13px;line-height:1.9;color:#a3a3a3;margin-top:28px}#dr-flow .about h2{margin-top:15px}#dr-flow .text-link{background:none;border:0;border-bottom:1px solid #777;padding:12px 0;margin-top:22px;font-size:11px}#dr-flow .innovation{padding:45px 4% 55px;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #ffffff25}#dr-flow .innovation h3{font-size:25px;letter-spacing:-.7px;margin:17px 0}#dr-flow .innovation p{font-size:12px;color:#999;line-height:1.8}#dr-flow .wide-band{height:290px;margin:30px 4%;border-radius:5px;overflow:hidden;position:relative}#dr-flow .wide-band .visual{height:100%}#dr-flow .wide-band span{position:absolute;bottom:30px;left:30px;font-size:34px;letter-spacing:-1px}#dr-flow .resume-row{display:grid;grid-template-columns:65px 1.5fr 1fr;gap:25px;padding:22px 0;border-top:1px solid #ffffff29;font-size:11px;line-height:1.7;color:#919191}#dr-flow .resume-row strong{font-size:15px;font-weight:400;color:#efefef}#dr-flow .contact{padding-bottom:70px}#dr-flow .contact h2{font-size:clamp(40px,7vw,80px);max-width:720px}#dr-flow .contacts{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:55px;padding-top:30px;border-top:1px solid #ffffff30}#dr-flow .contacts h3{font-size:25px;letter-spacing:-.6px;margin:15px 0}#dr-flow .contacts p{font-size:12px;line-height:1.9;color:#aaa}#dr-flow footer{padding:25px 4%;border-top:1px solid #ffffff26;display:flex;justify-content:space-between;gap:25px;font-size:9px;color:#888}#dr-flow .detail{padding:35px;background:#141414;margin:25px 0 5px;border-radius:5px}#dr-flow .detail h3{font-size:27px;margin-bottom:15px}#dr-flow .detail p{color:#aaa;font-size:12px;line-height:1.8}#dr-flow .detail button{margin-top:20px;background:none;border:0;border-bottom:1px solid #777;padding:10px 0;font-size:11px}#dr-flow .reveal{opacity:1;transform:none}#dr-flow.enhanced .reveal{opacity:.25;transform:translateY(24px);transition:opacity .8s,transform .8s}#dr-flow.enhanced .reveal.visible{opacity:1;transform:none}#dr-flow [hidden]{display:none!important}@media(max-width:600px){#dr-flow .head{padding:22px 5%}#dr-flow nav{gap:15px}#dr-flow nav button{font-size:10px}#dr-flow .hero{min-height:410px;padding:30px 5%}#dr-flow .hero h1{letter-spacing:-2px}#dr-flow .round{width:53px;height:53px;font-size:10px}#dr-flow .section{padding:60px 5% 15px}#dr-flow .section-title{align-items:start;flex-direction:column;gap:16px}#dr-flow .project-grid,#dr-flow .about,#dr-flow .innovation,#dr-flow .contacts{grid-template-columns:1fr;gap:28px}#dr-flow .project:nth-child(even){padding-top:0}#dr-flow .project .visual,#dr-flow .project:nth-child(even) .visual{height:220px}#dr-flow .resume-row{grid-template-columns:50px 1fr;gap:12px}#dr-flow .resume-row span:last-child{grid-column:2}#dr-flow .about .visual{height:300px}#dr-flow .wide-band{height:230px}#dr-flow .wide-band span{font-size:26px}#dr-flow footer{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){#dr-flow.enhanced .reveal{opacity:1;transform:none;transition:none}#dr-flow .project .visual{transition:none}} #dr-flow{position:relative;isolation:isolate;background:#111;overflow:clip} #dr-flow .scene-backdrop{position:sticky;top:0;height:700px;margin-bottom:-700px;z-index:-2;pointer-events:none;overflow:hidden} #dr-flow .scene-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease;filter:brightness(.42) saturate(.65);transform:scale(1.04)} #dr-flow .scene-backdrop img.active{opacity:1} #dr-flow .scene-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08090bbf,#0c10124d 60%,#07090c99)} #dr-flow .head{background:#0d101457;backdrop-filter:blur(22px);border-bottom:1px solid #ffffff25} #dr-flow .hero{margin:24px 4%;min-height:450px;border:1px solid #ffffff28;background:linear-gradient(120deg,#ffffff0e,#ffffff04);backdrop-filter:blur(16px);border-radius:12px;padding:40px 4%} #dr-flow .hero>.visual,#dr-flow .hero:after,#dr-flow .hero>.placeholder{display:none} #dr-flow .section{margin:42px 4% 0;padding:38px 3%;border:1px solid #ffffff28;border-radius:12px;background:linear-gradient(120deg,#d7e6f019,#b3c9d10a);backdrop-filter:blur(22px);box-shadow:0 12px 45px #00000022} #dr-flow .section h2{font-size:clamp(30px,5vw,58px)} #dr-flow .section-title p,#dr-flow .about p,#dr-flow .contacts p{color:#d0d2d4} #dr-flow .tiny{color:#c5c9cd} #dr-flow .project-grid{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;scroll-behavior:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:5px 0 20px;touch-action:pan-x pan-y} #dr-flow .project-grid::-webkit-scrollbar{display:none} #dr-flow .project{flex:0 0 67%;scroll-snap-align:start} #dr-flow .project:nth-child(even){padding-top:0} #dr-flow .project .visual,#dr-flow .project:nth-child(even) .visual{height:auto;aspect-ratio:16/9;border-radius:7px} #dr-flow .project .visual img{width:100%;height:100%;object-fit:cover;display:block} #dr-flow .project p{color:#c7cacf} #dr-flow .project:hover .visual{transform:none} #dr-flow .slider-controls{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:20px} #dr-flow .slider-controls span{font-size:9px;letter-spacing:1.5px;color:#c5c9cd} #dr-flow .slider-controls .buttons{display:flex;gap:10px} #dr-flow .slider-controls button,#dr-flow .logo-toggle{background:#ffffff0c;border:1px solid #ffffff40;border-radius:50%;width:39px;height:39px;font-size:16px} #dr-flow .project .play-label{position:absolute;bottom:18px;left:20px;padding:10px 13px;border:1px solid #ffffff70;border-radius:30px;background:#080d1540;backdrop-filter:blur(10px);font-size:10px} #dr-flow .logo-panel{margin:40px 4% 0;padding:24px 0;border:1px solid #ffffff28;background:#0c1117a3;backdrop-filter:blur(24px);border-radius:12px;overflow:hidden} #dr-flow .logo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px 20px} #dr-flow .logo-track{display:flex;width:max-content;animation:logo-drift 85s linear infinite;align-items:center} #dr-flow .logo-panel:hover .logo-track,#dr-flow .logo-panel:focus-within .logo-track,#dr-flow .logo-panel.paused .logo-track{animation-play-state:paused} #dr-flow .logo-group{display:flex;gap:42px;align-items:center;padding:15px 21px} #dr-flow .logo-item{display:flex;align-items:center;justify-content:center;width:105px;min-height:65px;flex:none} #dr-flow .logo-item img{width:100%;height:42px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.88} #dr-flow .logo-item .pending-logo{font-size:11px;color:#bbb;text-align:center;line-height:1.5} @keyframes logo-drift{to{transform:translateX(-50%)}} #dr-flow .innovation{margin:40px 4%;padding:35px 3%;border:1px solid #ffffff28;border-radius:12px;background:#ffffff09;backdrop-filter:blur(22px)} #dr-flow .innovation p{color:#c1c5c8} #dr-flow .wide-band{border:1px solid #ffffff28} #dr-flow .wide-band .visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)} #dr-flow .about>.visual img{width:100%;height:100%;object-fit:cover} #dr-flow .resume-row{color:#bfc5cb} #dr-flow .contact{margin-bottom:40px} #dr-flow footer{background:#0a0e13ab;color:#aeb5bd;backdrop-filter:blur(20px)} #dr-flow .detail{background:#080c14a1;border:1px solid #ffffff20;backdrop-filter:blur(20px)} #dr-flow.enhanced .reveal{opacity:1;transform:none} @media(max-width:600px){#dr-flow .section{margin:25px 4% 0;padding:28px 5%}#dr-flow .hero{min-height:400px;margin-top:18px}#dr-flow .project{flex-basis:89%}#dr-flow .project .visual,#dr-flow .project:nth-child(even) .visual{height:auto}#dr-flow .about{gap:25px}#dr-flow .logo-panel-head{padding-left:18px;padding-right:18px}#dr-flow .logo-group{gap:25px}#dr-flow .logo-item{width:85px}#dr-flow .scene-backdrop{height:650px;margin-bottom:-650px}} @media(prefers-reduced-motion:reduce){#dr-flow .logo-track{animation:none;max-width:100%;overflow-x:auto}#dr-flow .logo-group[aria-hidden=true]{display:none}#dr-flow .scene-backdrop img{transition:none}} /* Content floats directly over the section imagery. */ #dr-flow .section,#dr-flow .hero,#dr-flow .innovation,#dr-flow .logo-panel,#dr-flow .head,#dr-flow footer{background:transparent;border:0;border-radius:0;backdrop-filter:none;box-shadow:none} #dr-flow .section{position:relative;margin-top:35px;padding-top:50px;padding-bottom:50px} #dr-flow .hero{margin-top:0;min-height:480px} #dr-flow .scene-backdrop{height:760px;margin-bottom:-760px} #dr-flow .scene-backdrop img{filter:brightness(.32) saturate(.5);transition:opacity 1.8s ease} #dr-flow .scene-backdrop:after{background:linear-gradient(0deg,#06080aa3,#090c1233 45%,#06080a80)} #dr-flow .logo-panel{padding-top:30px;padding-bottom:30px} #dr-flow .innovation{padding-top:30px;padding-bottom:50px} #dr-flow footer{border-top:1px solid #ffffff20} #dr-flow .wide-band{border:0} #dr-flow .section-title p,#dr-flow .about p,#dr-flow .contacts p,#dr-flow .innovation p{color:#d5d8db;text-shadow:0 1px 12px #0009} #dr-flow h1,#dr-flow h2,#dr-flow h3{text-shadow:0 2px 24px #0005} #dr-flow .scene-backdrop img{object-position:center} @media(max-width:600px){#dr-flow .section{padding-top:35px;padding-bottom:35px}#dr-flow .scene-backdrop{height:720px;margin-bottom:-720px}} @media(prefers-reduced-motion:reduce){#dr-flow .scene-backdrop img{transition:none}} /* Compact résumé typography with company credits beneath each title. */ #dr-flow .resume-row{grid-template-columns:62px minmax(0,1.6fr) minmax(0,1fr);gap:18px;padding:13px 0;line-height:1.35;align-items:start;font-size:11px} #dr-flow .resume-row strong{display:block;font-size:14px;line-height:1.25;letter-spacing:-.2px} #dr-flow .credit-companies{display:block!important;grid-column:auto!important;color:#aeb6bf;font-size:10px;line-height:1.35;margin-top:4px} #dr-flow .credit-role{font-size:11px;line-height:1.35;color:#c0c5cb} #dr-flow .credit-year{font-size:10px;line-height:1.5;color:#aeb6bf} @media(max-width:600px){#dr-flow .resume-row{grid-template-columns:48px minmax(0,1fr);gap:5px 12px;padding:12px 0}#dr-flow .credit-role{grid-column:2}#dr-flow .resume-row strong{font-size:13px}#dr-flow .credit-companies{margin-top:3px}} /* A self-contained scrolling site preview keeps the navigation available. */ #dr-flow{height:780px;max-height:85vh;min-height:420px;overflow-y:auto;overflow-x:clip;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#7778 transparent;position:relative;overscroll-behavior-y:contain} #dr-flow .head{position:sticky;top:0;z-index:50;background:#090c10b8;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff26;padding-top:20px;padding-bottom:20px} #dr-flow nav button{transition:color .2s;border-bottom:1px solid transparent} #dr-flow nav button[aria-current=location]{color:#fff;border-bottom-color:#fff} #dr-flow .scene-backdrop{height:100%;margin-bottom:calc(-1 * var(--preview-height,780px));top:0} #dr-flow .section{scroll-margin-top:110px} #dr-flow .name{white-space:nowrap} @media(max-width:600px){#dr-flow{height:740px;max-height:85vh}#dr-flow .head{gap:15px;padding-top:16px;padding-bottom:16px}#dr-flow nav{gap:10px 17px}#dr-flow nav button{font-size:10px;padding:6px 0}#dr-flow .section{scroll-margin-top:145px}} @media(prefers-reduced-motion:reduce){#dr-flow{scroll-behavior:auto}} /* Continuous motion with direct manipulation and fast browsing. */ #dr-flow .logo-panel .logo-track{animation:none!important;will-change:transform;user-select:none;touch-action:pan-y} #dr-flow .logo-panel .logo-item img{pointer-events:none;user-select:none;-webkit-user-drag:none} #dr-flow .logo-viewport{overflow:hidden;touch-action:pan-y;cursor:grab} #dr-flow .logo-viewport.dragging{cursor:grabbing} #dr-flow .logo-controls{display:flex;align-items:center;gap:8px;flex-shrink:0} #dr-flow .logo-controls button{background:#ffffff0c;border:1px solid #ffffff40;border-radius:50%;width:36px;height:36px;font-size:16px;color:#fff} #dr-flow .logo-controls .logo-pause{font-size:12px} @media(prefers-reduced-motion:reduce){#dr-flow .logo-panel .logo-track{overflow:visible;max-width:none}#dr-flow .logo-group[aria-hidden=true]{display:flex}} #dr-flow .about-slideshow{position:relative;isolation:isolate} #dr-flow .about>.about-slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 3.5s ease-in-out} #dr-flow .about>.about-slideshow img.current-slide{opacity:1} #dr-flow .about-slideshow:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent 35%);pointer-events:none;z-index:1} #dr-flow .about-slideshow .placeholder{z-index:2} #dr-flow .slideshow-controls{position:absolute;bottom:17px;left:18px;right:18px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px} #dr-flow .slideshow-dots{display:flex;gap:8px;align-items:center} #dr-flow .slideshow-dots button{padding:8px 0;background:none;border:0;width:25px;position:relative} #dr-flow .slideshow-dots button:after{content:'';display:block;height:2px;width:100%;background:#ffffff55} #dr-flow .slideshow-dots button[aria-pressed=true]:after{background:#fff} #dr-flow .slideshow-pause{background:#0c10145c;border:1px solid #ffffff60;border-radius:50%;width:32px;height:32px;font-size:11px} @media(prefers-reduced-motion:reduce){#dr-flow .about>.about-slideshow img{transition:none}} #dr-flow .section .section-marker{position:relative;display:table;width:max-content;max-width:100%;padding-bottom:11px;isolation:isolate} #dr-flow .section .section-marker:after{content:'';position:absolute;left:calc(-1 * var(--section-line-start,80px));right:0;bottom:0;height:1px;background:#fff;transform:scaleX(0);transform-origin:left center;transition:transform 1.1s cubic-bezier(.22,.65,.25,1);pointer-events:none} #dr-flow .section .section-marker.line-visible:after{transform:scaleX(1)} @media(prefers-reduced-motion:reduce){#dr-flow .section .section-marker:after{transition:none}} #dr-flow .logo-panel .section-marker{position:relative;display:table;width:max-content;max-width:100%;padding-bottom:11px;isolation:isolate} #dr-flow .logo-panel .section-marker:after{content:'';position:absolute;left:calc(-1 * var(--section-line-start,80px));right:0;bottom:0;height:1px;background:#fff;transform:scaleX(0);transform-origin:left center;transition:transform 1.1s cubic-bezier(.22,.65,.25,1);pointer-events:none} #dr-flow .logo-panel .section-marker.line-visible:after{transform:scaleX(1)} #dr-flow .about{align-items:start} #dr-flow .about>.about-slideshow{margin-top:var(--bio-frame-offset,50px);height:var(--bio-frame-height,345px)} @media(max-width:600px){#dr-flow .about{display:flex;flex-direction:column;align-items:stretch}#dr-flow .about>.visual{order:2;width:100%}#dr-flow .about>div:not(.visual){order:1}#dr-flow .about>.about-slideshow{margin-top:0;height:280px}} @media(prefers-reduced-motion:reduce){#dr-flow .logo-panel .section-marker:after{transition:none}} #dr-flow .logo-panel{overflow:visible} #dr-flow .logo-panel .logo-viewport{overflow:hidden} #dr-flow .hero-headline-rule{border:0;border-top:1px solid #fff;width:100%;max-width:390px;margin:24px 0 0} /* Contact details sit immediately beneath their names. */ #dr-flow .contacts h3{margin-bottom:0;line-height:1.2} #dr-flow .contacts p{margin-top:0;line-height:1.4} #dr-flow #flow-bio-extra{grid-column:1 / -1;width:100%;margin-top:0;justify-self:stretch} #dr-flow .about>#flow-bio-extra{order:3} #dr-flow .project-info-scroll-surface{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;position:relative} #dr-flow .project-info-scroll-surface::-webkit-scrollbar{display:none} #dr-flow .project-info-scroll-surface>.detail{position:sticky;left:0;box-sizing:border-box;max-width:none;overflow:hidden;clip-path:inset(0)} #dr-flow .project-info-scroll-rail{height:1px;pointer-events:none} /* Reserve enough scroll runway for the final thumbnail to align at the left edge. */ #dr-flow .project-grid.restored-gallery:after{content:'';display:block;flex:0 0 var(--gallery-tail,0px);height:1px;pointer-events:none} /* Opening media keeps its full color and brightness; later sections stay subdued. */ #dr-flow .scene-backdrop>img:first-child,#dr-flow .scene-backdrop>video:first-child,#dr-editor #dr-flow .scene-backdrop>video:first-child{filter:none} #dr-flow .scene-backdrop:after{opacity:1;transition:opacity 1.8s ease} #dr-flow .scene-backdrop.hero-media-clear:after{opacity:0} @media(prefers-reduced-motion:reduce){#dr-flow .scene-backdrop:after{transition:none}} #dr-flow .innovation.timeline-section{height:auto!important;min-height:0} #dr-flow .timeline-sticky{position:relative;top:0;touch-action:pan-y;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);background:radial-gradient(ellipse at 25% 70%,#0d548443,transparent 52%),radial-gradient(ellipse at 85% 15%,#203d643b,transparent 60%),repeating-linear-gradient(121deg,transparent 0 115px,#4f8fb50b 115px 116px,transparent 116px 180px),linear-gradient(120deg,#030a12,#0b1b2d 55%,#040912)} #dr-flow .timeline-axis{height:3px;top:247px;background:#46799a99;box-shadow:0 0 7px #3f92d233} #dr-flow .timeline-lit-axis{height:3px;top:247px;background:linear-gradient(90deg,transparent,#5dbeeb88 20%,#a2e8ff 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 90%,transparent)} #dr-flow .timeline-stem{width:1px} #dr-flow .timeline-orb:before{content:'';position:absolute;left:-75px;top:-27px;width:160px;height:65px;border-radius:50%;background:radial-gradient(ellipse,#a5edff66 0,#42b7ff2b 20%,#1a8add0f 48%,transparent 72%);filter:blur(5px)} #dr-flow .timeline-orb:after{left:-65px;width:140px;background:linear-gradient(90deg,transparent,#4db8ff33 17%,#bdf5ff 50%,#4db8ff33 83%,transparent);box-shadow:none} #dr-flow .timeline-event{width:205px} #dr-flow .timeline-milestone{left:-105px;width:210px;text-align:center} #dr-flow .timeline-description{max-width:210px} @media(max-width:600px){#dr-flow .timeline-axis,#dr-flow .timeline-lit-axis{top:224px}} @media(prefers-reduced-motion:reduce){#dr-flow .timeline-sticky{mask-image:none}#dr-flow .timeline-track{display:grid}#dr-flow .timeline-event[aria-hidden=true]{display:none}#dr-flow .timeline-milestone{left:0;text-align:left}} #dr-flow .detail{overflow:hidden;position:relative} #dr-flow .detail .synced-project-info{position:relative;width:100%} #dr-flow .detail .synced-project-exit{position:absolute;left:35px;right:35px;top:35px;pointer-events:none} @media(max-width:600px){} @container(max-width:600px){} #dr-flow .project-grid.restored-gallery{scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:hidden} #dr-flow .detail.restored-project-detail{display:block;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:auto;overscroll-behavior-x:contain;touch-action:pan-x pan-y;clip-path:inset(0)} #dr-flow .restored-project-detail::-webkit-scrollbar{display:none} #dr-flow .restored-info-strip{display:flex;align-items:stretch;width:100%} #dr-flow .restored-info-slide{flex:0 0 100%;min-width:0;padding:35px;box-sizing:border-box} #dr-flow .restored-info-slide:not(.is-current)>*{visibility:hidden} #dr-flow .restored-info-slide h3{font-size:27px;margin:0 0 15px} #dr-flow .restored-info-slide p{font-size:12px;line-height:1.8;color:#c2c5ca;margin:0 0 16px} #dr-flow .restored-info-slide button{background:none;border:0;border-bottom:1px solid #aaa;padding:8px 0;font-size:11px} #dr-flow .detail.restored-project-detail[hidden]{display:none!important} @media(max-width:600px){#dr-flow .restored-info-slide{padding:24px}} /* One sharply bounded darkening sheet scrolls over the opening media. */ #dr-flow .content-darkening-sheet{position:absolute;left:0;right:0;z-index:-1;pointer-events:none;background:rgba(5,8,12,.67);border-top:1px solid rgba(255,255,255,.16)} #dr-flow .scene-backdrop:after,#dr-flow .scene-backdrop.hero-media-clear:after{opacity:0!important;transition:none} #dr-flow .scene-backdrop>img,#dr-flow .scene-backdrop>video,#dr-editor #dr-flow .scene-backdrop>video{filter:saturate(.65)} #dr-flow .scene-backdrop>img:first-child,#dr-flow .scene-backdrop>video:first-child,#dr-editor #dr-flow .scene-backdrop>video:first-child{filter:none;top:-40px;height:calc(100% + 160px);transform:translate3d(0,var(--hero-parallax,0px),0) scale(1.04);will-change:transform} @media(prefers-reduced-motion:reduce){#dr-flow .scene-backdrop>img:first-child,#dr-flow .scene-backdrop>video:first-child,#dr-editor #dr-flow .scene-backdrop>video:first-child{transform:scale(1.04);will-change:auto}} #dr-flow .media-interlude{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;overflow:hidden;margin:40px 0;scroll-margin-top:100px;background:#10151b} #dr-flow .media-interlude img,#dr-flow .media-interlude video{position:absolute;left:0;top:-20%;width:100%;height:140%;object-fit:cover;transform:translate3d(0,var(--interlude-offset,0px),0);filter:none;will-change:transform} #dr-flow .media-interlude .interlude-placeholder{position:absolute;bottom:18px;left:4%;z-index:1;font:8px Arial,sans-serif;letter-spacing:1.5px;color:#fff9;text-shadow:0 1px 5px #0008;pointer-events:none} @media(prefers-reduced-motion:reduce){#dr-flow .media-interlude img,#dr-flow .media-interlude video{transform:none;will-change:auto}} #dr-flow .innovation.innovation-media-interlude{position:relative;isolation:isolate;overflow:hidden;width:100%;margin:40px 0;padding:65px 7%;min-height:360px;align-items:center;background:none;border:0;border-radius:0;backdrop-filter:none} #dr-flow .innovation.innovation-media-interlude h3,#dr-flow .innovation.innovation-media-interlude p,#dr-flow .innovation.innovation-media-interlude .tiny{color:#fff;text-shadow:0 1px 12px #0008} @media(max-width:600px){#dr-flow .innovation.innovation-media-interlude{padding:45px 7%;min-height:440px}} @media(prefers-reduced-motion:reduce){} #dr-flow .innovation.timeline-section{display:block;position:relative;isolation:isolate;padding:0;margin:40px 0;width:100%;border:0;overflow:visible;background:#071020} #dr-flow .timeline-sticky{position:sticky;top:var(--timeline-top,95px);height:500px;overflow:hidden;background:radial-gradient(ellipse at 26% 65%,#0a68c438,transparent 55%),radial-gradient(ellipse at 80% 20%,#1a478b35,transparent 50%),linear-gradient(120deg,#050b16,#0a1a33 55%,#050a13);border-top:1px solid #3872af33;border-bottom:1px solid #3872af33} #dr-flow .timeline-caption{position:absolute;top:25px;left:4%;z-index:3;font-size:9px;letter-spacing:2px;color:#a9c5df} #dr-flow .timeline-scroll-hint{position:absolute;bottom:22px;left:4%;font-size:9px;letter-spacing:1.5px;color:#8ca8c4} #dr-flow .timeline-progress{position:absolute;bottom:22px;right:4%;font-size:10px;color:#a9c5df;letter-spacing:1px} #dr-flow .timeline-track{position:absolute;left:0;top:0;height:100%;will-change:transform} #dr-flow .timeline-axis{position:absolute;top:248px;left:35px;right:35px;height:1px;background:#47779799;box-shadow:0 0 9px #3f92d244} #dr-flow .timeline-lit-axis{position:absolute;top:248px;left:35px;height:1px;width:0;background:#8ce9ff;box-shadow:0 0 8px #51cdff,0 0 18px #2b8bff} #dr-flow .timeline-orb{position:absolute;top:243px;left:0;width:11px;height:11px;border-radius:50%;background:#e4fbff;box-shadow:0 0 7px #fff,0 0 18px #55ceff,0 0 40px #259cff,0 0 85px #0974dd;z-index:4} #dr-flow .timeline-orb:after{content:'';position:absolute;left:-40px;top:5px;width:90px;height:1px;background:linear-gradient(90deg,transparent,#9aeeff,transparent);box-shadow:0 0 7px #65d9ff} #dr-flow .timeline-event{position:absolute;top:0;width:235px;height:100%;color:#f2f7fc} #dr-flow .timeline-node{position:absolute;top:245px;left:0;width:7px;height:7px;border:1px solid #73b7dc;border-radius:50%;background:#0c1c30} #dr-flow .timeline-event.passed .timeline-node{background:#c3f5ff;box-shadow:0 0 9px #43caff} #dr-flow .timeline-stem{position:absolute;left:3px;width:1px;height:48px;background:#93daff;box-shadow:0 0 5px #3aa9ef;transform:scaleY(var(--stem,0))} #dr-flow .timeline-event.above .timeline-stem{bottom:252px;transform-origin:bottom} #dr-flow .timeline-event.below .timeline-stem{top:252px;transform-origin:top} #dr-flow .timeline-milestone{position:absolute;left:0;width:225px;opacity:var(--reveal,0);transform:translateY(calc((1 - var(--reveal,0))*8px));pointer-events:none} #dr-flow .timeline-event.above .timeline-milestone{bottom:312px} #dr-flow .timeline-event.below .timeline-milestone{top:312px} #dr-flow .timeline-year{font-family:'Arial Narrow',Impact,sans-serif;font-stretch:condensed;font-size:37px;font-weight:500;line-height:1;letter-spacing:-.5px;color:#eef8ff;margin:0 0 11px} #dr-flow .timeline-description{font-family:Arial,sans-serif;font-size:12px;line-height:1.5;color:#d4e4f3;margin:0 0 7px;max-width:220px} #dr-flow .timeline-role{font-family:Arial,sans-serif;font-size:10px;line-height:1.5;color:#89adc9} #dr-flow .timeline-static-note{display:none} #dr-editor .timeline-edit-item{border-top:1px solid var(--ed-line);padding:14px 0} @media(max-width:600px){#dr-flow .timeline-sticky{height:460px}#dr-flow .timeline-caption{max-width:75%;line-height:1.7}#dr-flow .timeline-axis,#dr-flow .timeline-lit-axis{top:225px}#dr-flow .timeline-orb{top:220px}#dr-flow .timeline-node{top:222px}#dr-flow .timeline-event.above .timeline-stem{bottom:238px}#dr-flow .timeline-event.below .timeline-stem{top:229px}#dr-flow .timeline-event.above .timeline-milestone{bottom:295px}#dr-flow .timeline-event.below .timeline-milestone{top:285px}} @container(max-width:600px){#dr-editor #dr-flow .timeline-year{font-size:33px}#dr-editor #dr-flow .timeline-description{font-size:11px}} @media(prefers-reduced-motion:reduce){#dr-flow .timeline-sticky{position:relative;height:auto;padding:70px 6% 55px;overflow:visible}#dr-flow .timeline-track{position:relative!important;transform:none!important;width:auto!important;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:35px}#dr-flow .timeline-event{position:relative;left:auto!important;width:auto;height:auto}#dr-flow .timeline-milestone{position:relative;top:auto!important;bottom:auto!important;opacity:1;transform:none}#dr-flow .timeline-axis,#dr-flow .timeline-lit-axis,#dr-flow .timeline-orb,#dr-flow .timeline-node,#dr-flow .timeline-stem{display:none}#dr-flow .timeline-scroll-hint{display:none}} #dr-flow .innovation.timeline-section{height:auto!important;min-height:0} #dr-flow .timeline-sticky{position:relative;top:0;touch-action:pan-y;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);background:radial-gradient(ellipse at 25% 70%,#0d548443,transparent 52%),radial-gradient(ellipse at 85% 15%,#203d643b,transparent 60%),repeating-linear-gradient(121deg,transparent 0 115px,#4f8fb50b 115px 116px,transparent 116px 180px),linear-gradient(120deg,#030a12,#0b1b2d 55%,#040912)} #dr-flow .timeline-axis{height:3px;top:247px;background:#46799a99;box-shadow:0 0 7px #3f92d233} #dr-flow .timeline-lit-axis{height:3px;top:247px;background:linear-gradient(90deg,transparent,#5dbeeb88 20%,#a2e8ff 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 90%,transparent)} #dr-flow .timeline-stem{width:1px} #dr-flow .timeline-orb:before{content:'';position:absolute;left:-75px;top:-27px;width:160px;height:65px;border-radius:50%;background:radial-gradient(ellipse,#a5edff66 0,#42b7ff2b 20%,#1a8add0f 48%,transparent 72%);filter:blur(5px)} #dr-flow .timeline-orb:after{left:-65px;width:140px;background:linear-gradient(90deg,transparent,#4db8ff33 17%,#bdf5ff 50%,#4db8ff33 83%,transparent);box-shadow:none} #dr-flow .timeline-event{width:205px} #dr-flow .timeline-milestone{left:-105px;width:210px;text-align:center} #dr-flow .timeline-description{max-width:210px} @media(max-width:600px){#dr-flow .timeline-axis,#dr-flow .timeline-lit-axis{top:224px}} @media(prefers-reduced-motion:reduce){#dr-flow .timeline-sticky{mask-image:none}#dr-flow .timeline-track{display:grid}#dr-flow .timeline-event[aria-hidden=true]{display:none}#dr-flow .timeline-milestone{left:0;text-align:left}} #dr-flow .timeline-background-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none} #dr-flow .timeline-background-media img,#dr-flow .timeline-background-media video{position:absolute;left:0;top:-22%;width:100%;height:144%;object-fit:cover;transform:translate3d(0,var(--timeline-media-offset,0px),0);filter:brightness(.47) saturate(.55);will-change:transform} #dr-flow .timeline-track{z-index:2} #dr-flow .timeline-caption,#dr-flow .timeline-scroll-hint,#dr-flow .timeline-progress{z-index:3} #dr-flow .timeline-event{width:170px} #dr-flow .timeline-milestone{left:-95px;width:190px} #dr-flow .timeline-description{max-width:190px;font-size:11px;line-height:1.45} #dr-flow .timeline-role{font-size:10px} @media(prefers-reduced-motion:reduce){#dr-flow .timeline-background-media img,#dr-flow .timeline-background-media video{transform:none;will-change:auto}} #dr-flow .timeline-background-media img,#dr-flow .timeline-background-media video{filter:none} #dr-flow .timeline-sticky{background:#06142b} #dr-flow .timeline-orb{width:3px;height:3px;margin-left:4px;margin-top:4px;border-radius:50%;background:#effeff;box-shadow:0 0 6px 3px #e3fbffb3,0 0 15px 8px #6bd7ff5c,0 0 34px 13px #258fef24} #dr-flow .timeline-orb:before{left:-100px;top:-18px;width:205px;height:39px;background:radial-gradient(ellipse,#e2ffffb3 0,#7bdcfc55 10%,#3aabf22b 28%,transparent 72%);filter:blur(4px)} #dr-flow .timeline-orb:after{left:-140px;top:1px;width:283px;height:1px;background:linear-gradient(90deg,transparent,#43adf233 15%,#9be8ff99 39%,#f1ffff 50%,#9be8ff99 61%,#43adf233 85%,transparent);box-shadow:0 0 7px #69ccff66} #dr-flow .timeline-event{width:119px} #dr-flow .timeline-milestone{left:-99px;width:198px} #dr-flow .timeline-description{max-width:198px;font-size:11px} /* Quiet, symmetric timeline; the center light supplies the emphasis. */ #dr-flow .timeline-axis{height:2px;background:#47779788;box-shadow:none} #dr-flow .timeline-lit-axis{display:none} #dr-flow .timeline-orb{transform:scale(1.1);transform-origin:center} /* Restrained filmstrip perforations over the photographic optical background. */ #dr-flow .timeline-sticky:before,#dr-flow .timeline-sticky:after{content:'';display:block;position:absolute;left:0;right:0;inset:auto 0;z-index:1;height:11px;pointer-events:none;opacity:.32;background-image:repeating-linear-gradient(90deg,transparent 0 29px,#b2d8eb66 29px 42px,transparent 42px 66px);background-size:auto 11px;background-repeat:repeat-x;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)} #dr-flow .timeline-sticky{border-top:0!important;border-bottom:0!important} /* Optical film texture: subtle perforations, empty frames, slight digital misregistration. */ #dr-flow .timeline-sticky:before,#dr-flow .timeline-sticky:after{opacity:.30!important;filter:blur(.55px);height:12px!important;background:repeating-linear-gradient(90deg,transparent 0 25px,rgba(164,207,231,.72) 25px 43px,transparent 43px 65px)!important;box-shadow:none} #dr-flow .timeline-direction-controls{position:absolute;right:4%;top:20px;z-index:6;display:flex;gap:9px} #dr-flow .timeline-direction-controls button{width:36px;height:36px;border:1px solid #b4d9ef66;border-radius:50%;background:#08182a66;color:#e5f5ff;font-size:17px} #dr-flow .timeline-sticky{cursor:grab} #dr-flow .timeline-sticky:active{cursor:grabbing} #dr-flow .logo-controls,#dr-flow .logo-toggle{display:none!important} #dr-flow #flow-contact{padding-bottom:22px;margin-bottom:0} #dr-flow footer{padding-top:18px;padding-bottom:18px} #dr-flow .timeline-sticky{mask-image:none} #dr-flow .timeline-background-media{opacity:1} /* Content sections form solid, self-contained planes above the media. */ #dr-flow.opaque-sections{background:#080a0e} #dr-flow.opaque-sections .content-darkening-sheet{display:none} #dr-flow.opaque-sections .section{position:relative;isolation:isolate;box-sizing:border-box;width:100%;margin:0;padding-left:7%;padding-right:7%;background:#090d13;backdrop-filter:none;border:0;border-radius:0} #dr-flow.opaque-sections .section-local-background{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#090d13;pointer-events:none} #dr-flow.opaque-sections .section-local-background img,#dr-flow.opaque-sections .section-local-background video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04)} #dr-flow.opaque-sections .section-local-background:after{content:'';position:absolute;inset:0;background:rgba(5,9,15,.8)} #dr-flow.opaque-sections .hero{position:relative;isolation:isolate;width:100%;margin:0;padding-left:7%;padding-right:7%;overflow:hidden;background:#080a0e} #dr-flow.opaque-sections .hero .section-local-background{background:#080a0e} #dr-flow.opaque-sections .hero .section-local-background:after{display:none} #dr-flow.opaque-sections .hero .section-local-background img,#dr-flow.opaque-sections .hero .section-local-background video{top:-40px;height:calc(100% + 160px);transform:translate3d(0,var(--hero-parallax,0px),0) scale(1.04)} #dr-flow.opaque-sections .logo-panel{width:100%;margin:0;padding:35px 0;background:#090d13;border:0;border-radius:0;backdrop-filter:none;isolation:isolate} #dr-flow.opaque-sections .logo-panel-head{padding-left:7%;padding-right:7%} #dr-flow.opaque-sections .media-interlude,#dr-flow.opaque-sections .innovation.timeline-section{margin-top:0;margin-bottom:0} #dr-flow.opaque-sections .head{background:#0a0d12e8} #dr-flow.opaque-sections footer{position:relative;background:#090d13;margin:0} #dr-flow.opaque-sections #flow-contact{margin:0;padding-bottom:28px} @media(max-width:600px){#dr-flow.opaque-sections .section{padding-left:6%;padding-right:6%}#dr-flow.opaque-sections .hero{padding-left:6%;padding-right:6%}} @media(prefers-reduced-motion:reduce){#dr-flow.opaque-sections .hero .section-local-background img,#dr-flow.opaque-sections .hero .section-local-background video{transform:scale(1.04)}} /* Keep section backgrounds full bleed at actual and simulated phone widths. */ #dr-flow.opaque-sections>.section,#dr-editor #dr-flow.opaque-sections>.section{margin-left:0!important;margin-right:0!important;margin-inline:0!important;width:100%;max-width:100%;min-width:0;box-sizing:border-box} #dr-flow.opaque-sections>.section>*{min-width:0} @container(max-width:600px){#dr-editor #dr-flow.opaque-sections>.section{margin-left:0!important;margin-right:0!important;padding-left:6%;padding-right:6%}} /* Adjacent full-width planes touch; breathing room belongs inside the sections. */ #dr-flow.opaque-sections>.hero,#dr-flow.opaque-sections>.section,#dr-flow.opaque-sections>.media-interlude,#dr-flow.opaque-sections>.logo-panel,#dr-flow.opaque-sections>.innovation, #dr-editor #dr-flow.opaque-sections>.hero,#dr-editor #dr-flow.opaque-sections>.section,#dr-editor #dr-flow.opaque-sections>.media-interlude,#dr-editor #dr-flow.opaque-sections>.logo-panel,#dr-editor #dr-flow.opaque-sections>.innovation{margin-top:0!important;margin-bottom:0!important;margin-block:0!important} #dr-flow.opaque-sections>.section,#dr-flow.opaque-sections>.logo-panel{z-index:1} #dr-flow.opaque-sections>.hero,#dr-flow.opaque-sections>.media-interlude{z-index:0} #dr-flow .contact-social-profiles{display:flex;align-items:center;gap:26px;margin-top:30px} #dr-flow .contact-social-profiles a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:7px 0;opacity:.9} #dr-flow .contact-social-profiles img{display:block;height:28px;width:auto;filter:brightness(0) invert(1)} #dr-flow .contact-social-profiles .imdb-profile img{width:62px;height:31px} #dr-flow .contact-social-profiles a[aria-disabled=true]{opacity:.4} #dr-editor .ed-profile-links{border-top:1px solid var(--ed-line);margin-top:22px;padding-top:18px} #dr-editor .ed-profile-links>summary{font-size:12px;margin-bottom:16px} #dr-flow #flow-contact>.contact-social-profiles{position:absolute;right:7%;top:88px;margin:0;gap:22px;z-index:2} #dr-flow .contact-social-profiles a{position:relative;transform:translate(var(--social-x,0px),var(--social-y,0px));width:var(--social-size,44px);height:44px;flex:none;overflow:visible} #dr-flow .contact-social-profiles a img{width:var(--social-size,28px);height:auto;max-width:none} #dr-flow .contact-social-profiles .imdb-profile img{width:var(--social-size,62px);height:auto} @media(max-width:600px){#dr-flow #flow-contact>.contact-social-profiles{position:relative;inset:auto;justify-content:flex-end;margin:20px 0 0;order:1}} @container(max-width:600px){#dr-editor #dr-flow #flow-contact>.contact-social-profiles{position:relative;inset:auto;justify-content:flex-end;margin:20px 0 0}} #dr-flow .project-grid.restored-gallery{scroll-snap-type:none;overscroll-behavior-x:contain} #dr-flow .restored-gallery .project .visual,#dr-flow .restored-gallery .project:hover .visual{transform:none!important;transition:filter .2s ease} #dr-flow .restored-info-slide{padding-left:36px;padding-right:36px;overflow-wrap:anywhere} #dr-flow .restored-info-strip{min-width:0} /* The former shared backdrop is now only an editor source registry. */ #dr-flow.opaque-sections>.scene-backdrop{display:none!important;visibility:hidden!important} /* Confine transformed/filtered media to their own compositing surfaces. */ #dr-flow .section-local-background,#dr-flow .timeline-background-media,#dr-flow .media-interlude{contain:paint;isolation:isolate;overflow:hidden;backface-visibility:hidden} #dr-flow .section-local-background img,#dr-flow .section-local-background video,#dr-flow .timeline-background-media img,#dr-flow .timeline-background-media video{backface-visibility:hidden} #dr-flow .project-grid.restored-gallery{isolation:isolate;contain:paint;backface-visibility:hidden} #dr-flow .restored-gallery .visual{isolation:isolate;contain:paint;overflow:hidden} /* Uploaded media is the timeline background; no added film or digital texture. */ #dr-flow .timeline-sticky:before,#dr-flow .timeline-sticky:after,#dr-flow .timeline-film-frames,#dr-flow .timeline-background-media:after{display:none!important} #dr-flow .editable-section-line{pointer-events:none;box-sizing:content-box} #dr-editor .ed-line-controls output{margin-left:8px} #dr-flow .media-interlude img,#dr-flow .media-interlude video{top:-30%;height:160%} #dr-flow .timeline-background-media img,#dr-flow .timeline-background-media video{top:-30%;height:160%} #dr-flow.opaque-sections .hero .section-local-background img,#dr-flow.opaque-sections .hero .section-local-background video,#dr-flow .scene-backdrop>img:first-child,#dr-flow .scene-backdrop>video:first-child{height:calc(100% + 220px)} #dr-flow [data-parallax-speed]>.timeline-sticky .timeline-background-media img,#dr-flow [data-parallax-speed]>.timeline-sticky .timeline-background-media video,#dr-flow .media-interlude[data-parallax-speed]>img,#dr-flow .media-interlude[data-parallax-speed]>video{top:calc(-1 * var(--parallax-overscan));height:calc(100% + var(--parallax-overscan) * 2)} #dr-flow.opaque-sections .hero[data-parallax-speed] .section-local-background img,#dr-flow.opaque-sections .hero[data-parallax-speed] .section-local-background video{height:calc(100% + var(--hero-extra-coverage))} #dr-flow .project .visual{position:relative} #dr-flow .project .visual .sample-player{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#05080d;z-index:3;border:0;border-radius:inherit} #dr-flow .project .visual .play-label{z-index:5;pointer-events:auto} #dr-flow .project .visual .sample-notice{position:absolute;inset:0;z-index:4;display:grid;place-content:center;padding:25px;background:#080c13ed;color:#e8ecf0;font:12px/1.6 Arial,sans-serif;white-space:normal;text-align:center} #dr-flow .project .visual .sample-notice small{display:block;color:#a1afc2;font-size:11px;margin-top:8px} #dr-flow .project .visual .sample-clock{position:absolute;top:12px;left:12px;z-index:5;background:#05080dbb;color:#f4f6fa;padding:5px 8px;font:10px Arial,sans-serif;pointer-events:none} #dr-flow .project .visual .sample-player iframe{width:100%;height:100%;border:0;display:block} #dr-flow .project .visual .sample-fullscreen{position:absolute;bottom:18px;right:20px;z-index:8;width:36px;height:36px;display:grid;place-items:center;padding:0;background:#080d1540;color:inherit;border:1px solid #ffffff70;border-radius:50%;backdrop-filter:blur(10px);font:16px Arial,sans-serif;cursor:pointer;pointer-events:auto} #dr-flow .project .visual:is(:fullscreen,:-webkit-full-screen){width:100vw!important;height:100vh!important;aspect-ratio:auto!important;background:#05080d;display:block;position:relative} #dr-flow .project .visual:is(:fullscreen,:-webkit-full-screen)>img{width:100%;height:100%;object-fit:contain} #dr-flow .project .visual:is(:fullscreen,:-webkit-full-screen) .sample-player{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain} @media(pointer:coarse){#dr-flow .project .visual .sample-fullscreen{width:44px;height:44px}} #dr-flow .detail.restored-project-detail{overflow:hidden!important;scroll-behavior:auto!important;touch-action:pan-y}#dr-flow .restored-info-strip{position:relative;left:0;transition:none!important;gap:0!important}#dr-flow .restored-info-slide{flex-shrink:0!important;margin-left:0!important;margin-right:0!important} /* Give glyph edges a small safe inset at the horizontally clipped viewport. */ #dr-flow .restored-gallery .project>h3,#dr-flow .restored-gallery .project>p{position:relative;left:9px;width:calc(100% - 9px)} #dr-flow .restored-info-slide>h3,#dr-flow .restored-info-slide>p{position:relative;left:9px;max-width:calc(100% - 9px)} #dr-flow #flow-film>.section-title,#dr-flow #flow-brands>.section-title{position:relative} #dr-flow #flow-film .section-title .slider-controls,#dr-flow #flow-brands .section-title .slider-controls{display:flex;justify-content:flex-end;align-self:flex-end;margin:0 0 0 auto;gap:0;flex-shrink:0} #dr-flow #flow-film .section-title .slider-controls .buttons,#dr-flow #flow-brands .section-title .slider-controls .buttons{display:flex;gap:10px} #dr-flow .restored-gallery .project>.visual{position:relative;left:9px;width:calc(100% - 9px)} /* Keep each thumbnail anchored at the top of its card regardless of caption height. */ #dr-flow .project-grid.restored-gallery{align-items:flex-start} #dr-flow .restored-gallery>.project{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:flex-start;padding-top:0;vertical-align:top} #dr-flow .restored-gallery>.project>.visual{flex:0 0 auto;align-self:flex-start} #dr-flow .restored-gallery>.project>h3,#dr-flow .restored-gallery>.project>p{flex:0 0 auto;box-sizing:border-box} #dr-flow .media-interlude{position:relative} #dr-flow .media-interlude .interlude-playback{position:absolute;right:var(--interlude-control-right,24px);bottom:var(--interlude-control-bottom,24px);left:auto;top:auto;z-index:8;display:grid;place-items:center;width:var(--interlude-control-size,40px);height:var(--interlude-control-size,40px);padding:0;color:var(--interlude-control-color,#fff);background:var(--interlude-control-bg,#080d1540);border:var(--interlude-control-border,1px) solid currentColor;border-radius:var(--interlude-control-radius,50%);backdrop-filter:blur(10px);opacity:var(--interlude-control-opacity,.8);font-family:var(--interlude-control-font,Arial,sans-serif);font-size:var(--interlude-control-icon,16px);line-height:1;cursor:pointer} #dr-flow .media-interlude .interlude-playback[hidden]{display:none!important} #dr-flow .media-interlude .interlude-playback:focus-visible{outline:2px solid currentColor;outline-offset:4px} @media(pointer:coarse){#dr-flow .media-interlude .interlude-playback{min-width:44px;min-height:44px}} #dr-flow .media-interlude .interlude-playback{background:none!important;border:0!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important} #dr-flow .restored-gallery>.project{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:18px;align-items:baseline;align-content:start} #dr-flow .restored-gallery>.project>.visual,#dr-flow .restored-gallery>.project>h3{grid-column:1 / -1} #dr-flow .restored-gallery>.project>p{grid-column:1;min-width:0} #dr-flow .restored-gallery>.project>.project-learn-more{grid-column:2;justify-self:end;align-self:baseline;position:relative;display:inline-flex;align-items:center;gap:7px;margin:7px 0 0;padding:0 0 1px;background:none;border:0;border-radius:0;color:#c7cacf;font-family:inherit;font-size:10px;line-height:1.8;font-weight:400;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer} #dr-flow .project-learn-more:after{content:'';display:inline-block;flex:none;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px;text-decoration:none} @media(max-width:420px){#dr-flow .restored-gallery>.project{column-gap:10px}} #dr-flow .restored-gallery>.project>.project-learn-more{display:grid;grid-template-columns:1fr;gap:0;text-decoration:none} #dr-flow .project-learn-more:after{display:none} #dr-flow .project-learn-more>.project-toggle-label{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;text-decoration:underline;text-underline-offset:3px;opacity:0;transition:opacity 160ms ease;pointer-events:none} #dr-flow .project-learn-more>.project-toggle-label:after{content:'';display:inline-block;flex:none;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px} #dr-flow .project-learn-more>.project-toggle-less:after{transform:rotate(225deg);margin-top:3px} #dr-flow .project-learn-more[aria-expanded=false]>.project-toggle-more,#dr-flow .project-learn-more[aria-expanded=true]>.project-toggle-less{opacity:1} @media(prefers-reduced-motion:reduce){#dr-flow .project-learn-more>.project-toggle-label{transition:none}} #dr-flow .detail.restored-project-detail{position:relative;background:none!important;border:0!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;padding:0!important;min-height:0!important;transition:height 220ms ease} #dr-flow .restored-info-strip{align-items:flex-start} #dr-flow .restored-info-slide{padding:26px 0 20px;min-height:0!important;background:none;border:0;border-radius:0} #dr-flow .restored-info-slide>[hidden]{display:none!important} #dr-flow .restored-info-slide>h3{margin-top:0;margin-bottom:17px;font-weight:400} #dr-flow .restored-info-slide>p{margin-top:0;margin-bottom:14px} #dr-flow .restored-info-slide>:last-child{margin-bottom:0} #dr-flow .project-info-rule{position:absolute;top:0;left:9px;right:0;height:3px;background:#f1f0ed;transform-origin:center;pointer-events:none;z-index:1} @media(prefers-reduced-motion:reduce){#dr-flow .detail.restored-project-detail{transition:none}} #dr-flow .project-info-rule{width:calc((100% - 9px) * var(--info-rule-length,1));right:auto;height:var(--info-rule-thickness,3px);background:var(--info-rule-color,#f1f0ed);margin-left:var(--info-rule-margin,0px);translate:var(--info-rule-x,0px) var(--info-rule-y,0px)} #dr-flow [data-sample-button-enabled=false] .play-label,#dr-flow [data-fullscreen-enabled=false] .sample-fullscreen{display:none!important} #dr-flow [data-sample-button-graphic=false] .play-label,#dr-flow [data-fullscreen-graphic=false] .sample-fullscreen{background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important} #dr-flow .project-learn-more>.project-toggle-label{transition:opacity 300ms cubic-bezier(.25,.1,.25,1)} #dr-flow h1,#dr-flow h2,#dr-flow h3,#dr-flow p,#dr-flow strong,#dr-flow button,#dr-flow a,#dr-flow span,#dr-flow .tiny,#dr-flow .timeline-caption,#dr-flow .timeline-scroll-hint,#dr-flow .timeline-year,#dr-flow .timeline-description,#dr-flow .timeline-role,#dr-flow footer{white-space:pre-wrap!important} #dr-editor textarea.ed-compact-textarea{min-height:54px;height:54px;resize:vertical} #dr-flow .hero[data-explore-visible=false] button[data-section="flow-film"]{display:none!important} #dr-flow.opaque-sections #flow-film>.section-local-background>img,#dr-flow.opaque-sections #flow-film>.section-local-background>video,#dr-flow.opaque-sections #flow-brands>.section-local-background>img,#dr-flow.opaque-sections #flow-brands>.section-local-background>video{top:0;bottom:auto;height:var(--slider-background-height,100%)!important} #dr-flow [data-element-visible=false]{display:none!important} #dr-flow .scene-heading-first,#dr-flow .scene-heading-second{display:block} #dr-flow .interlude-headlines{position:absolute;left:7%;right:7%;bottom:70px;z-index:4;color:#fafafa} #dr-flow .interlude-headlines h1{font-size:clamp(36px,7.2vw,88px);line-height:1.04;letter-spacing:-3px;font-weight:400;margin:0;max-width:760px} #dr-editor #dr-flow .interlude-headlines h1{} #dr-flow .interlude-headlines .scene-headline-rule{border:0;border-top:1px solid #fff;width:100%;max-width:390px;margin:24px 0 0} #dr-flow .interlude-headlines .scene-caption{font-size:12px;line-height:1.7;margin:20px 0 0} #dr-flow .media-interlude[data-interlude-label-visible=false]>.interlude-placeholder,#dr-flow .media-interlude[data-interlude-playback-visible=false]>.interlude-playback{display:none!important} #dr-flow .about[data-more-button-visible=false] [id*="flow-bio-toggle"]{display:none!important} #dr-flow a[data-word-link]{color:#fff!important;transition:color 150ms ease}#dr-flow a[data-word-link]:hover,#dr-flow a[data-word-link]:focus-visible{color:#fff!important} #dr-flow [id*="flow-bio-toggle"]:after{content:attr(data-bio-icon);display:inline-block;margin-left:7px;color:inherit;font:inherit} #dr-flow{overflow-anchor:none}#dr-flow .bio-expansion{grid-column:1/-1;width:100%;order:3;min-width:0;min-height:0;overflow:hidden}#dr-flow .bio-expansion[hidden]{display:none!important}#dr-flow .bio-expansion [id*="flow-bio-extra"]{margin-top:0}#dr-flow .about[data-bio-expanding=true]{overflow:hidden}#dr-flow.opaque-sections .about>.section-local-background>img,#dr-flow.opaque-sections .about>.section-local-background>video{height:var(--bio-background-height,100%)!important;bottom:auto} #dr-flow [id*="flow-bio-toggle"],#dr-flow .resume-more{display:inline-flex;align-items:center;gap:7px}#dr-flow [id*="flow-bio-toggle"]:after,#dr-flow .resume-more:after{content:attr(data-bio-icon);display:inline-flex;align-items:center;justify-content:center;margin:0;line-height:1;height:1em;vertical-align:middle}#dr-flow .resume-more{background:none;border:0;border-bottom:1px solid currentColor;padding:4px 0;font:inherit;font-size:12px;color:inherit;margin-top:20px}#dr-flow .resume-more[hidden]{display:none!important}#dr-flow.opaque-sections [data-resume-disclosure]>.section-local-background>img,#dr-flow.opaque-sections [data-resume-disclosure]>.section-local-background>video{height:var(--bio-background-height,100%)!important;bottom:auto} #dr-flow .resume-actions{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:20px}#dr-flow .resume-actions .resume-more{margin-top:0}#dr-flow .resume-download{margin-left:auto;color:inherit;font:inherit;font-size:12px;text-decoration:none;border-bottom:1px solid currentColor;padding:4px 0}#dr-flow [id*="flow-bio-toggle"]:after,#dr-flow .resume-more:after{align-self:center;transform:translateY(-.08em)}#dr-flow [data-bio-icon="⌄"]:after,#dr-flow [data-bio-icon="⌃"]:after{content:'';box-sizing:border-box;width:.5em;height:.5em;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-.28em) rotate(-45deg)}#dr-flow [data-bio-icon="⌃"]:after{transform:translateY(.08em) rotate(135deg)}#dr-flow [data-bio-icon="▾"]:after,#dr-flow [data-bio-icon="▴"]:after{content:'';width:.65em;height:.4em;background:currentColor;clip-path:polygon(0 0,100% 0,50% 100%);transform:translateY(-.08em)}#dr-flow [data-bio-icon="▴"]:after{clip-path:polygon(0 100%,100% 100%,50% 0)} #dr-flow .restored-gallery>.project,#dr-editor #dr-flow .restored-gallery>.project{flex-basis:var(--project-window-width,67%)} #dr-flow .bio-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--milestone-row-gap,36px) 48px;margin-top:38px;padding-bottom:12px;align-items:start} #dr-flow .bio-milestone{min-width:0;align-self:stretch} #dr-flow .bio-milestone-year{display:flex;align-items:center;gap:18px;font-size:var(--milestone-year-size,28px);font-weight:700;line-height:1.1;letter-spacing:-.7px;margin:0 0 16px} #dr-flow .bio-milestone-year:after{content:'';height:2px;width:56px;background:currentColor;opacity:.85;flex:none} #dr-flow .bio-milestone-description{font-size:var(--milestone-description-size,14px);line-height:1.55;margin:0 0 7px;color:#d5d8db} #dr-flow .bio-milestone-role{font-size:var(--milestone-role-size,11px);line-height:1.5;margin:0;color:#9ba5af} #dr-flow .bio-milestone [hidden]{display:none!important} #dr-flow #flow-contact>.contacts,#dr-editor #dr-flow #flow-contact>.contacts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 80px;gap:24px;align-items:start} #dr-flow .contacts>.contact-social-profiles{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;padding:0;justify-content:flex-start} #dr-flow .contacts>.contact-social-profiles>a{margin:0} #dr-flow .contacts h3{font-size:22px;margin-bottom:0} @media(max-width:700px){#dr-flow .restored-gallery>.project,#dr-editor #dr-flow .restored-gallery>.project{flex-basis:var(--project-window-width,89%)}#dr-flow #flow-contact>.contacts,#dr-editor #dr-flow #flow-contact>.contacts{grid-template-columns:minmax(0,1fr) 72px;gap:24px 16px}#dr-flow .contacts>div:first-child{grid-column:1/-1}#dr-flow .contacts>div:nth-child(2){grid-column:1;grid-row:2}#dr-flow .contacts>.contact-social-profiles{grid-column:2;grid-row:2}#dr-flow .bio-milestones{gap:30px 24px}} #dr-editor #dr-flow[data-preview-device=phone] #flow-contact>.contacts,#dr-editor #dr-flow[data-preview-device=tablet] #flow-contact>.contacts{grid-template-columns:minmax(0,1fr) 72px;gap:24px 16px} #dr-editor #dr-flow[data-preview-device=phone] .contacts>div:first-child,#dr-editor #dr-flow[data-preview-device=tablet] .contacts>div:first-child{grid-column:1/-1} #dr-editor #dr-flow[data-preview-device=phone] .contacts>div:nth-child(2),#dr-editor #dr-flow[data-preview-device=tablet] .contacts>div:nth-child(2){grid-column:1;grid-row:2} #dr-editor #dr-flow[data-preview-device=phone] .contacts>.contact-social-profiles,#dr-editor #dr-flow[data-preview-device=tablet] .contacts>.contact-social-profiles{grid-column:2;grid-row:2} @media(max-width:480px){#dr-flow .bio-milestones{grid-template-columns:1fr}} #dr-editor #dr-flow[data-preview-device=phone] .bio-milestones{grid-template-columns:1fr} #dr-flow .bio-milestone-year{display:block;margin-bottom:12px}#dr-flow .bio-milestone-year:after{display:block;width:100%;height:3px;margin-top:12px;background:#fff;opacity:1}#dr-flow .bio-milestone-role{color:#9ba5af;margin:0 0 10px;font-size:var(--milestone-role-size,11px)}#dr-flow .bio-milestone-description{color:#fff;text-align:justify;text-align-last:left;hyphens:auto;margin:0;line-height:1.6}#dr-flow .bio-career-heading{font-size:22px;font-weight:500;letter-spacing:-.4px;margin:38px 0 0;padding-bottom:18px;border-bottom:1px solid #ffffffc9;width:100%;box-sizing:border-box}#dr-flow .bio-career-heading+.bio-milestones{margin-top:28px} #dr-flow .contacts>.contact-social-profiles{padding-top:30px;gap:0}#dr-flow .contacts>.contact-social-profiles .imdb-profile{--social-size:40px;--social-x:0px;--social-y:0px;opacity:.6}#dr-flow .contacts>.contact-social-profiles .linkedin-profile{--social-size:40px;--social-x:0px;--social-y:0px;opacity:.5} #dr-flow .bio-milestone-year:after{display:none} #dr-flow .bio-milestone-rule{height:3px;background:#fff;width:100%;margin-top:var(--milestone-rule-before,0px);margin-bottom:var(--milestone-rule-after,12px)} #dr-flow .bio-milestone-year{margin-top:var(--milestone-year-before,0px);margin-bottom:var(--milestone-year-after,12px);font-family:var(--milestone-year-font,inherit);font-size:var(--milestone-year-size,28px);font-weight:var(--milestone-year-weight,700);font-style:var(--milestone-year-style,normal);text-decoration:var(--milestone-year-decoration,none);color:var(--milestone-year-color,#fff);line-height:var(--milestone-year-line,1.1);letter-spacing:var(--milestone-year-letter,-.7px);text-align:var(--milestone-year-align,left)} #dr-flow .bio-milestone-role{margin-top:var(--milestone-role-before,0px);margin-bottom:var(--milestone-role-after,10px);font-family:var(--milestone-role-font,inherit);font-size:var(--milestone-role-size,11px);font-weight:var(--milestone-role-weight,400);font-style:var(--milestone-role-style,normal);text-decoration:var(--milestone-role-decoration,none);color:var(--milestone-role-color,#9ba5af);line-height:var(--milestone-role-line,1.5);letter-spacing:var(--milestone-role-letter,0px);text-align:var(--milestone-role-align,left)} #dr-flow .bio-milestone-description{margin-top:var(--milestone-description-before,0px);margin-bottom:var(--milestone-description-after,0px);font-family:var(--milestone-description-font,inherit);font-size:var(--milestone-description-size,14px);font-weight:var(--milestone-description-weight,400);font-style:var(--milestone-description-style,normal);text-decoration:var(--milestone-description-decoration,none);color:var(--milestone-description-color,#fff);line-height:var(--milestone-description-line,1.6);letter-spacing:var(--milestone-description-letter,0px);text-align:var(--milestone-description-align,justify)} #dr-flow .bio-milestone-year:after{display:none!important} #dr-flow #flow-about .bio-milestones .bio-milestone-rule,#dr-editor #dr-flow #flow-about .bio-milestones .bio-milestone-rule{height:var(--milestone-rule-thickness,3px)!important;background:#fff!important;width:100%!important;margin-top:var(--milestone-rule-before,0px)!important;margin-bottom:var(--milestone-rule-after,12px)!important} #dr-flow #flow-about .bio-milestones .bio-milestone-year,#dr-editor #dr-flow #flow-about .bio-milestones .bio-milestone-year{margin-top:var(--milestone-year-before,0px)!important;margin-bottom:var(--milestone-year-after,12px)!important;font-family:var(--milestone-year-font,inherit)!important;font-size:var(--milestone-year-size,28px)!important;font-weight:var(--milestone-year-weight,700)!important;font-style:var(--milestone-year-style,normal)!important;text-decoration:var(--milestone-year-decoration,none)!important;color:var(--milestone-year-color,#fff)!important;line-height:var(--milestone-year-line,1.1)!important;letter-spacing:var(--milestone-year-letter,-.7px)!important;text-align:var(--milestone-year-align,left)!important} #dr-flow #flow-about .bio-milestones .bio-milestone-role,#dr-editor #dr-flow #flow-about .bio-milestones .bio-milestone-role{margin-top:var(--milestone-role-before,0px)!important;margin-bottom:var(--milestone-role-after,10px)!important;font-family:var(--milestone-role-font,inherit)!important;font-size:var(--milestone-role-size,11px)!important;font-weight:var(--milestone-role-weight,400)!important;font-style:var(--milestone-role-style,normal)!important;text-decoration:var(--milestone-role-decoration,none)!important;color:var(--milestone-role-color,#9ba5af)!important;line-height:var(--milestone-role-line,1.5)!important;letter-spacing:var(--milestone-role-letter,0px)!important;text-align:var(--milestone-role-align,left)!important} #dr-flow #flow-about .bio-milestones .bio-milestone-description,#dr-editor #dr-flow #flow-about .bio-milestones .bio-milestone-description{margin-top:var(--milestone-description-before,0px)!important;margin-bottom:var(--milestone-description-after,0px)!important;font-family:var(--milestone-description-font,inherit)!important;font-size:var(--milestone-description-size,14px)!important;font-weight:var(--milestone-description-weight,400)!important;font-style:var(--milestone-description-style,normal)!important;text-decoration:var(--milestone-description-decoration,none)!important;color:var(--milestone-description-color,#fff)!important;line-height:var(--milestone-description-line,1.6)!important;letter-spacing:var(--milestone-description-letter,0px)!important;text-align:var(--milestone-description-align,justify)!important} #dr-flow .resume-logo-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--wall-row-gap,34px) var(--wall-column-gap,30px);margin-top:var(--wall-before,38px);margin-bottom:var(--wall-after,18px);padding:12px 0}#dr-flow .resume-wall-item{display:flex;align-items:center;justify-content:center;min-width:0;min-height:var(--wall-cell-height,78px);position:relative}#dr-flow .resume-wall-item img{display:block;max-width:100%;object-fit:contain}#dr-flow .resume-wall-item a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media(max-width:540px){#dr-flow .resume-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}#dr-editor #dr-flow[data-preview-device=phone] .resume-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))} #dr-flow .background-fill-active>.section-local-background,#dr-flow .background-fill-active>.timeline-background-media,#dr-flow .background-fill-active.media-interlude>img,#dr-flow .background-fill-active.media-interlude>video,#dr-flow .background-fill-active.media-interlude>.interlude-playback{display:none!important}#dr-flow .background-fill-active{background:var(--chosen-fill)!important;} #dr-flow .resume-logo-wall{grid-template-columns:repeat(var(--wall-columns,4),minmax(0,1fr));grid-template-rows:repeat(var(--wall-rows,4),minmax(var(--wall-cell-height,78px),auto));grid-auto-rows:minmax(var(--wall-cell-height,78px),auto)}@media(max-width:540px){#dr-flow .resume-logo-wall{grid-template-columns:repeat(var(--wall-columns,2),minmax(0,1fr))}}#dr-editor #dr-flow[data-preview-device=phone] .resume-logo-wall{grid-template-columns:repeat(var(--wall-columns,2),minmax(0,1fr))} #dr-editor .ed-wall-logo-row>summary{display:flex;align-items:center;gap:9px}#dr-editor .ed-wall-logo-row>summary img{width:30px;height:25px;object-fit:contain;flex:none;background:var(--ed-bg)}#dr-editor .ed-wall-logo-row>summary .ed-logo-grip{color:var(--ed-muted);font-size:16px}#dr-editor .ed-wall-logo-row.ed-logo-drop-before{box-shadow:0 -2px 0 var(--ed-ink)}#dr-editor .ed-wall-logo-row.ed-logo-drop-after{box-shadow:0 2px 0 var(--ed-ink)}#dr-editor .ed-wall-logo-row.ed-logo-dragging{opacity:.5} #dr-flow .project .visual[data-controls-visible=false]>.play-label,#dr-flow .project .visual[data-controls-visible=false]>.sample-fullscreen{opacity:0!important;pointer-events:none!important} #dr-flow .project .visual>.play-label,#dr-flow .project .visual>.sample-fullscreen{transition:opacity .2s ease} #dr-flow .project .visual:has(>.sample-fullscreen:focus-visible)>.play-label,#dr-flow .project .visual:has(>.sample-fullscreen:focus-visible)>.sample-fullscreen,#dr-flow .project:focus-visible>.visual>.play-label,#dr-flow .project:focus-visible>.visual>.sample-fullscreen{opacity:1!important;pointer-events:auto!important} #dr-flow .project .visual>.sample-activity-sensor{display:none;position:absolute;inset:0 0 44px;z-index:9;background:transparent;pointer-events:auto!important} #dr-flow .project .visual[data-controls-playing=true]>.sample-activity-sensor{display:block} #dr-flow .project .visual>.play-label,#dr-flow .project .visual>.sample-fullscreen{z-index:12} @media(prefers-reduced-motion:reduce){#dr-flow .project .visual>.play-label,#dr-flow .project .visual>.sample-fullscreen{transition:none}} #dr-flow .project .visual>.sample-end-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:10;object-fit:cover;opacity:1;pointer-events:auto}#dr-flow .project .visual:has(>.sample-end-poster)>.sample-clock{display:none} #dr-flow .hero .round,#dr-flow .slider-controls button{transition:background-color .18s ease,color .18s ease} #dr-flow .project-learn-more,#dr-flow [id*="flow-bio-toggle"],#dr-flow .resume-more,#dr-flow .resume-download,#dr-flow a:not(:has(img)){transition:filter .18s ease} @media(hover:hover){#dr-flow .hero .round:hover,#dr-flow .slider-controls button:hover{background:rgba(145,150,158,.24)!important}#dr-flow .project-learn-more:hover,#dr-flow [id*="flow-bio-toggle"]:hover,#dr-flow .resume-more:hover,#dr-flow .resume-download:hover,#dr-flow a:not(:has(img)):not(.imdb-profile):not(.linkedin-profile):hover{filter:brightness(.8)!important} #dr-flow .contact-social-profiles a:hover,#dr-editor #dr-flow[data-preview-device] .contact-social-profiles a:hover{opacity:1!important} #dr-flow .contact-social-profiles a:before{content:'';position:absolute;left:50%;top:50%;width:var(--social-size,40px);height:var(--social-size,40px);transform:translate(-50%,-50%);border-radius:3px;opacity:0;transition:opacity .2s ease;z-index:-1} #dr-flow .contact-social-profiles .imdb-profile:hover:before{background:#f5c518;opacity:1}#dr-flow .contact-social-profiles .linkedin-profile:hover:before{background:#fff;opacity:1} #dr-flow .contact-social-profiles .imdb-profile:hover img:not([data-custom-logo]){filter:brightness(0)!important} #dr-flow .contact-social-profiles .linkedin-profile:hover img:not([data-custom-logo]){filter:brightness(0) saturate(100%) invert(28%) sepia(92%) saturate(1644%) hue-rotate(174deg) brightness(89%) contrast(97%)!important} #dr-flow .contact-social-profiles a:has(img[data-custom-logo]):hover img{filter:none!important}#dr-flow .contact-social-profiles a:has(img[data-custom-logo]):before,#dr-flow .contact-social-profiles a[data-profile-mode=text]:before{display:none}} #dr-flow .contact-social-profiles img{transition:filter .2s ease} #dr-flow [data-project-title-visible=false] .restored-gallery>.project>h3,#dr-flow [data-project-role-visible=false] .restored-gallery>.project>p,#dr-flow [data-project-learn-visible=false] .restored-gallery>.project>.project-learn-more{display:none!important} #dr-flow [data-project-role-visible=false] .restored-gallery>.project>h3{grid-column:1;grid-row:2;align-self:end} #dr-flow [data-project-role-visible=false] .restored-gallery>.project>.project-learn-more{grid-column:2;grid-row:2;align-self:end;margin-top:0} #dr-flow [data-project-title-visible=false] .restored-gallery>.project>p{grid-row:2} #dr-flow [data-project-title-visible=false] .restored-gallery>.project>.project-learn-more{grid-row:2} #dr-flow [data-project-title-visible=false][data-project-role-visible=false] .restored-gallery>.project>.project-learn-more{grid-column:2;grid-row:2} #dr-flow [data-project-learn-visible=false] .restored-gallery>.project>h3,#dr-flow [data-project-learn-visible=false] .restored-gallery>.project>p{grid-column:1/-1} #dr-flow .bio-career-heading{border-bottom:0;padding-bottom:0}#dr-flow .bio-area-rule{height:1px;background:#ffffffc9;border:0;width:100%;margin:18px 0 0}#dr-flow .bio-area-rule+.bio-milestones{margin-top:28px}#dr-flow .bio-career-heading[data-area-visible=false],#dr-flow .bio-area-rule[data-area-visible=false]{display:none!important} #dr-flow .slider-see-all{display:inline-flex;align-items:center;flex:none;font-family:inherit;font-size:10px;font-weight:400;letter-spacing:1.5px;line-height:1.3;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;color:inherit;padding:8px 0;white-space:nowrap;transition:filter .18s ease} #dr-flow .slider-see-all[hidden]{display:none!important} #dr-flow #flow-film .section-title .slider-controls,#dr-flow #flow-brands .section-title .slider-controls{gap:24px} @media(hover:hover){#dr-flow .slider-see-all:hover{filter:brightness(.8)}} @media(max-width:540px){#dr-flow #flow-film .section-title .slider-controls,#dr-flow #flow-brands .section-title .slider-controls{align-self:stretch;width:100%;justify-content:space-between;gap:18px}} #dr-editor #dr-flow[data-preview-device=phone] .section-title .slider-controls{align-self:stretch;width:100%;justify-content:space-between} #dr-flow .section-title .slider-see-all{display:table;margin-top:12px;padding:0 0 2px}#dr-flow .section-title .slider-see-all[hidden]{display:none!important}#dr-flow #flow-film .section-title .slider-controls,#dr-flow #flow-brands .section-title .slider-controls{width:auto;align-self:flex-end;justify-content:flex-end;margin-left:auto} #dr-flow #flow-film>.section-title>div:first-child,#dr-flow #flow-brands>.section-title>div:first-child{padding-left:9px}#dr-flow #flow-film>.slider-see-all,#dr-flow #flow-brands>.slider-see-all{display:table;margin:4px 0 20px 9px;padding:0 0 2px}#dr-flow .slider-see-all[hidden]{display:none!important} #dr-flow .slider-see-all:after{content:attr(data-see-all-arrow);display:inline-block;margin-left:7px;font:inherit;line-height:1;color:inherit}#dr-flow .slider-see-all[data-see-all-arrow=""]:after{display:none} #dr-flow #flow-film>.slider-see-all,#dr-flow #flow-brands>.slider-see-all{margin-top:12px}#dr-flow [data-project-info-expanded=true]{overflow:visible} #dr-flow[data-work-page]>.hero,#dr-flow[data-work-page]>.section,#dr-flow[data-work-page]>.media-interlude,#dr-flow[data-work-page]>.logo-panel,#dr-flow[data-work-page]>footer{display:none!important} #dr-flow .video-index-page{position:relative;background:#090d13;min-height:100%;padding:40px 7% 70px;color:#fafafa} #dr-flow .video-index-page[hidden]{display:none!important} #dr-flow .work-index-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:44px} #dr-flow .work-index-back,#dr-flow .work-index-tab{font:inherit;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:inherit;background:none;border:0;padding:8px 0;text-decoration:none;cursor:pointer} #dr-flow .work-index-back{text-decoration:underline;text-underline-offset:5px} #dr-flow .work-index-tabs{display:flex;gap:24px;flex-wrap:wrap} #dr-flow .work-index-tab[aria-current=page]{border-bottom:1px solid currentColor} #dr-flow .work-index-intro{margin-bottom:34px} #dr-flow .work-index-intro h1{font:inherit;font-size:clamp(28px,4vw,46px);font-weight:400;line-height:1.1;letter-spacing:-1.2px;margin:0 0 14px} #dr-flow .work-index-intro p{font:inherit;font-size:12px;line-height:1.6;color:#adb5bf;max-width:560px;margin:0} #dr-flow .work-index-grid{display:grid;grid-template-columns:repeat(var(--work-index-columns,3),minmax(0,1fr));gap:var(--work-index-gap,18px)} #dr-flow .work-index-card{display:block;width:100%;margin:0;padding:0;min-width:0;background:none;border:0;text-align:left;color:inherit;cursor:pointer} #dr-flow .work-index-card>.visual{height:auto!important;aspect-ratio:16/9;border-radius:2px;overflow:hidden;position:relative} #dr-flow .work-index-card>.visual>img:not(.sample-end-poster){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease} #dr-flow .work-index-overlay{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 20px 62px;background:rgba(0,0,0,0);transition:background .3s ease;pointer-events:none} #dr-flow .work-index-copy{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease} #dr-flow .work-index-copy h3{font:inherit;font-size:18px;font-weight:500;letter-spacing:-.3px;line-height:1.15;margin:0 0 9px;color:#fff} #dr-flow .work-index-copy p{font:inherit;font-size:11px;line-height:1.5;margin:0;color:#d3d8de} #dr-flow .work-index-copy .work-index-description{margin-top:9px;font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #dr-flow .work-index-card:hover .work-index-overlay,#dr-flow .work-index-card:focus-visible .work-index-overlay{background:rgba(0,0,0,.7)} #dr-flow .work-index-card:hover .work-index-copy,#dr-flow .work-index-card:focus-visible .work-index-copy{opacity:1;transform:translateY(0)} #dr-flow .work-index-card:hover>.visual>img:not(.sample-end-poster){transform:scale(1.035)} #dr-flow .work-index-card .visual[data-controls-playing=true]>.work-index-overlay{opacity:0} #dr-flow .work-index-card .play-label{font-size:10px;bottom:18px;left:20px} #dr-flow .work-index-empty{font-size:13px;color:#adb5bf;padding:32px 0} #dr-flow .work-index-card .sample-end-poster{z-index:6!important}#dr-flow .work-index-card .sample-player{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:5} @media(hover:none){#dr-flow .work-index-overlay{background:linear-gradient(transparent,rgba(0,0,0,.8))}#dr-flow .work-index-copy{opacity:1;transform:none}#dr-flow .work-index-description{display:none!important}} @media(max-width:700px){#dr-flow .work-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#dr-flow .work-index-nav{margin-bottom:30px}} @media(max-width:480px){#dr-flow .work-index-grid{grid-template-columns:1fr}#dr-flow .video-index-page{padding:28px 6% 50px}} @container(max-width:700px){#dr-flow .work-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @container(max-width:480px){#dr-flow .work-index-grid{grid-template-columns:1fr}} #dr-editor #dr-flow[data-preview-device=phone] .work-index-copy,#dr-editor #dr-flow[data-preview-device=tablet] .work-index-copy{opacity:1;transform:none} #dr-editor #dr-flow[data-preview-device=phone] .work-index-overlay,#dr-editor #dr-flow[data-preview-device=tablet] .work-index-overlay{background:linear-gradient(transparent,rgba(0,0,0,.8))} @media(prefers-reduced-motion:reduce){#dr-flow .work-index-copy,#dr-flow .work-index-overlay,#dr-flow .work-index-card img{transition:none}} #dr-flow .work-index-mobile-caption{display:none;padding:13px 0 5px}#dr-flow .work-index-mobile-title{font:inherit;font-size:16px;font-weight:400;line-height:1.25;letter-spacing:-.2px;color:#fff;margin:0 0 6px}#dr-flow .work-index-mobile-role{font:inherit;font-size:11px;line-height:1.5;color:#adb5bf;margin:0}@media(max-width:1000px){#dr-flow:not([data-preview-device=desktop]) .work-index-mobile-caption{display:block}#dr-flow:not([data-preview-device=desktop]) .work-index-card .work-index-overlay{display:none}}#dr-editor #dr-flow[data-preview-device=tablet] .work-index-mobile-caption,#dr-editor #dr-flow[data-preview-device=phone] .work-index-mobile-caption{display:block}#dr-editor #dr-flow[data-preview-device=tablet] .work-index-card .work-index-overlay,#dr-editor #dr-flow[data-preview-device=phone] .work-index-card .work-index-overlay{display:none} #dr-flow[data-work-page]{overflow-anchor:none} #dr-flow .work-index-role .gallery-role,#dr-flow .work-index-role .gallery-network,#dr-flow .work-index-mobile-role .gallery-role,#dr-flow .work-index-mobile-role .gallery-network{display:inline-block;white-space:pre-wrap} #dr-editor #dr-flow[data-preview-device=desktop] .work-index-mobile-caption{display:none}#dr-editor #dr-flow[data-preview-device=desktop] .work-index-overlay{display:flex}#dr-editor #dr-flow[data-preview-device=desktop] .work-index-copy{opacity:0;transform:translateY(10px)}#dr-editor #dr-flow[data-preview-device=desktop] .work-index-card:hover .work-index-copy,#dr-editor #dr-flow[data-preview-device=desktop] .work-index-card:focus-visible .work-index-copy{opacity:1;transform:translateY(0)} #dr-editor #dr-flow[data-preview-device=desktop] .work-index-grid{grid-template-columns:repeat(var(--work-index-columns,3),minmax(0,1fr))!important}#dr-editor #dr-flow[data-preview-device=tablet] .work-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#dr-editor #dr-flow[data-preview-device=phone] .work-index-grid{grid-template-columns:1fr!important} #dr-flow .project .placeholder{display:none!important}#dr-flow .sample-paused-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain;background:#05080d;pointer-events:none;z-index:6}#dr-flow .sample-paused-frame~.sample-fullscreen{z-index:12} #dr-flow .award-wall{display:grid;grid-template-columns:repeat(var(--award-columns,3),minmax(0,1fr));gap:var(--award-gap,28px);margin:28px 0 0;grid-auto-rows:minmax(var(--award-height,180px),auto)}#dr-flow .award-wall[hidden]{display:none!important}#dr-flow .award-cell{position:relative;min-width:0;display:grid;place-items:center;min-height:var(--award-height,180px)}#dr-flow .award-art{position:relative;width:var(--award-size,100%);aspect-ratio:1.5;translate:var(--award-x,0px) var(--award-y,0px);opacity:var(--award-opacity,1)}#dr-flow .award-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#dr-flow .award-copy{position:absolute;inset:23% 19% 17%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;gap:6px}#dr-flow .award-copy>p{width:100%;margin:0!important;padding:0;line-height:1.25;font:12px Arial,sans-serif;letter-spacing:.3px;white-space:pre-wrap}#dr-flow .award-copy>.award-status{font-size:18px;font-weight:700;letter-spacing:1px}#dr-flow .award-copy>[hidden]{display:none!important}@media(max-width:600px){#dr-flow .award-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;--award-height:140px}}#dr-editor #dr-flow[data-preview-device=phone] .award-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;--award-height:140px} #dr-flow #bio-awards[hidden],#dr-flow .award-copy[hidden]{display:none!important} #dr-flow .award-art{aspect-ratio:1.2;container-type:inline-size}#dr-flow .award-copy{inset:25% 28% 24%;gap:5px;overflow:hidden}#dr-flow .award-copy>p{font-size:clamp(3px,4cqw,12px);line-height:1.15;letter-spacing:0;overflow-wrap:anywhere}#dr-flow .award-copy>.award-status{font-size:clamp(5px,6cqw,18px);letter-spacing:.5px} #dr-flow .award-copy{inset:0;display:block;overflow:visible;gap:0}#dr-flow .award-copy>p{position:absolute;left:0;width:100%;font-family:Arial,sans-serif;font-weight:400;text-align:center;line-height:1;white-space:pre-wrap;overflow-wrap:normal;color:#e4e7eb}#dr-flow .award-copy>.award-status{top:calc(40% - .84em);font-size:12.222cqw;font-weight:700;letter-spacing:.314cqw;color:#fff}#dr-flow .award-copy>.award-category{top:calc(52.333% - .84em);font-size:6.944cqw;letter-spacing:.111cqw}#dr-flow .award-copy>.award-festival{top:calc(65% - .84em);font-size:4.444cqw;letter-spacing:.389cqw;color:#a4adb8}#dr-flow .award-copy>.award-year{top:calc(72.333% - .84em);font-size:4.444cqw;letter-spacing:.389cqw;color:#a4adb8} #dr-flow>.provider-portal{position:absolute;z-index:20;margin:0;padding:0;background:transparent;border:0;min-height:0}#dr-flow>.provider-portal[hidden]{display:none!important}#dr-flow .provider-portal>.visual{position:relative;width:100%;height:100%;aspect-ratio:auto;overflow:hidden;background:#05080d}#dr-flow .provider-portal .sample-player,#dr-flow .provider-portal iframe{position:absolute;inset:0;width:100%;height:100%;border:0}#dr-flow .provider-portal>.visual>.play-label{position:absolute;bottom:18px;left:20px;z-index:12}#dr-flow .provider-portal>h3{display:none!important}#dr-flow>.provider-portal{pointer-events:none!important;overflow:hidden!important;border-radius:0!important;box-shadow:none!important}#dr-flow>.provider-portal>.visual{height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important;transition:none!important;box-shadow:none!important}#dr-flow .provider-portal iframe{display:block!important;border-radius:0!important}#dr-flow .provider-portal[data-provider-paused="false"] iframe{pointer-events:auto}#dr-flow .provider-portal[data-provider-paused="true"] iframe{pointer-events:none!important}#dr-flow .provider-portal .play-label,#dr-flow .provider-portal .sample-fullscreen{pointer-events:auto!important} #dr-flow [data-area-disabled=true]{display:none!important} #dr-flow a[data-word-link]{color:inherit;text-decoration:underline;text-underline-offset:3px} #dr-flow .contact-social-profiles a[data-profile-mode=text] img,#dr-flow .contact-social-profiles a[data-profile-mode=logo] .profile-text-label{display:none!important}