@font-face{font-family:Circular Pro;src:url(/assets/fonts/CircularPro-Book.otf) format("opentype");font-weight:450;font-style:normal}@font-face{font-family:Circular Pro;src:url(/assets/fonts/CircularPro-Bold.otf) format("opentype");font-weight:700;font-style:normal}:root{--color-background:#ffffff;--color-text:#000000;--color-about-bg:#D3FF8D;--color-nda-bg:#FFEE8D;--color-painter-bg:#E1E1E1;--color-generative-bg:#8dc6ff;--color-melting-balls-bg:#f45555;--color-melting-balls-ground:#ffb1b1;--color-melting-balls-bubble:#ffe8f1;--color-melting-balls-highlight:#fff9f5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Circular Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-background);color:var(--color-text);min-height:100vh;overflow-x:hidden;line-height:normal;font-style:normal;width:100%;position:relative}body.about-page,body.creator-tool-page{background:var(--color-about-bg)}body.project-page .grid-container{padding:60px 100px;max-width:none}body.project-page .project-description-text{max-width:900px;margin:0 auto 40px;padding-top:3rem;font-size:24px;line-height:1.6;text-align:center;font-weight:450}body.project-page[data-project-id=instant_ask] .project-description-text,body.project-page[data-project-id=moments] .project-description-text,body.project-page[data-project-id=roon_design_system] .project-description-text,body.project-page[data-project-id=verizon_assistant] .project-description-text{color:white}@media (max-width:768px){body.project-page .project-description-text{font-size:20px;margin:0 auto 32px}}.mypay-case-study{max-width:900px;margin:0 auto;padding:0 100px 60px}.mypay-metadata{margin-bottom:60px;padding-bottom:40px}.mypay-metadata-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px}.mypay-metadata-item{display:flex;flex-direction:column}.mypay-metadata-label{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.5);margin-bottom:12px;font-weight:700}.mypay-metadata-value{font-size:18px;line-height:1.6;color:rgba(0,0,0,.9)}.mypay-metadata-value>div{margin-bottom:8px}.mypay-hero-video{width:100vw;max-width:1200px;margin:0 0 60px;border-radius:16px;overflow:hidden;background:transparent;position:relative;left:50%;transform:translateX(-50%)}.mypay-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.mypay-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.mypay-section{margin-bottom:60px}.mypay-section-title{font-size:32px;font-weight:450;margin-bottom:24px;line-height:1.3;letter-spacing:-.01em}.mypay-subsection-title{font-size:22px;font-weight:450;margin:32px 0 16px;line-height:1.4}.mypay-content{font-size:18px;line-height:1.7;letter-spacing:-.01em;color:rgba(0,0,0,.85);max-width:65ch}.mypay-content p{margin-bottom:24px}.mypay-content p:last-child{margin-bottom:0}.mypay-content em{font-style:italic;color:rgba(0,0,0,.9)}.mypay-content strong{font-weight:700;color:rgba(0,0,0,.9)}.mypay-quotes{margin:40px 0;display:flex;flex-direction:column;gap:20px}.mypay-quote{padding:24px;background:transparent;border:2px solid #0d4029;border-radius:22px;margin:0;color:#0D4029;height:auto;min-height:auto}.mypay-quote p{margin:0 0 8px;font-size:16px;line-height:1.6;font-style:italic;color:#0D4029}.mypay-quote cite{font-size:16px;color:rgba(13,64,41,.8);font-style:normal}.mypay-image{max-width:100%;width:100%;height:auto;margin:60px 0;display:block;object-fit:contain}.mypay-hero-image{margin-top:0;margin-bottom:60px;min-height:600px;object-fit:contain}.mypay-data-viz-image,.mypay-system-states-image{max-height:500px;object-fit:contain}.mypay-feature-boxes{margin-top:24px}.mypay-feature-boxes,.mypay-objectives{display:flex;flex-direction:column;gap:16px}.mypay-objectives{margin-top:32px}.mypay-box,.mypay-objective{padding:24px;background:transparent;border:2px solid #0d4029;border-radius:22px;color:#0D4029;height:auto;min-height:auto}.mypay-box-title{font-size:18px;font-weight:450;margin-bottom:12px;line-height:1.4;color:#0D4029}.mypay-box-text{font-size:16px;line-height:1.7;color:#0D4029;margin:0 0 12px}.mypay-box-text:last-child{margin-bottom:0}.mypay-objective-title{font-size:18px;font-weight:450;margin-bottom:12px;line-height:1.4;color:#0D4029}.mypay-objective-text{font-size:16px;line-height:1.7;color:#0D4029;margin:0}.mypay-findings{margin-top:32px;display:flex;flex-direction:column;gap:16px}.mypay-finding{padding:24px;background:transparent;border:2px solid #0d4029;border-radius:22px;color:#0D4029;height:auto;min-height:auto}.mypay-finding-title{font-size:18px;font-weight:450;margin-bottom:12px;line-height:1.4;color:#0D4029}.mypay-finding p{font-size:16px;line-height:1.7;color:#0D4029;margin:0}.mypay-dial-section{background:white;padding:40px;border-radius:16px;margin:60px 0}.mypay-stats{margin-bottom:32px;padding:24px;background:white;border-radius:12px}.mypay-stats-text{font-size:20px;margin-bottom:16px}.mypay-feature-list,.mypay-guardrails-list{list-style:none;padding:0;margin:16px 0}.mypay-feature-list{margin:0}.mypay-feature-list li{padding:4px 0 4px 40px;position:relative;font-size:16px;line-height:1.5;color:#0D4029}.mypay-feature-list li:before{display:none}.mypay-feature-list li .material-icons{position:absolute;left:0;top:-1px;font-size:20px;color:#0D4029;line-height:1.5;display:inline-flex;align-items:center;vertical-align:middle}.mypay-guardrails-list li{padding:8px 0 8px 20px;position:relative;font-size:16px;line-height:1.6;color:#0D4029}.mypay-guardrails-list li:before{content:"•";position:absolute;left:0;font-size:16px;color:#0D4029;line-height:1.6}.mypay-guardrails-card{padding:24px;background:transparent;border:2px solid #0d4029;border-radius:22px;margin:24px 0;color:#0D4029;height:auto;min-height:auto}.mypay-guardrails-title{font-size:18px;font-weight:450;margin-bottom:16px;line-height:1.4;color:#0D4029}.mypay-last-section{padding-bottom:0;margin-bottom:0}@media (max-width:768px){body{overflow-x:hidden}.mypay-case-study{padding:40px 20px}.mypay-case-study,.mypay-content{max-width:100%;box-sizing:border-box}.mypay-hero-video{width:100vw;max-width:100vw;margin:60px -20px;padding:0;border-radius:0;left:50%;transform:translateX(calc(-50% + 20px)) scale(1.1);position:relative;overflow:visible}.mypay-hero-video .mypay-video-wrapper{overflow:visible}.mypay-metadata-grid{grid-template-columns:1fr;gap:32px}.mypay-section{margin-bottom:40px}.mypay-section-title{font-size:26px}.mypay-subsection-title{font-size:20px}.mypay-content{font-size:16px}.mypay-dial-section,.mypay-finding,.mypay-objective{padding:24px}}body.project-page .project-video-container{max-width:900px;margin:0 auto 40px;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;border-radius:16px}body.project-page .project-video-container video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}body.project-page .project-grid{display:grid;grid-template-columns:1fr;grid-gap:60px;gap:60px;align-items:start;max-width:900px;margin:0 auto}body.project-page[data-project-id=creator_tool] .project-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;max-width:1200px;padding:0 100px;gap:20px}body.project-page[data-project-id=creator_tool] .project-grid-item.span-3-columns{grid-column:1/-1;padding:40px}body.project-page[data-project-id=verizon_design_system] .project-grid{grid-template-columns:1fr;grid-auto-rows:min-content;max-width:900px;padding:0;gap:60px}body.project-page[data-project-id=watchface] .project-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;max-width:1200px;padding:0 100px;gap:30px}body.project-page[data-project-id=watchface] .watchface-second-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:min-content;max-width:1200px;padding:0 100px;gap:30px;margin-top:60px}body.project-page[data-project-id=watchface] .watchface-third-grid{grid-template-columns:1fr;grid-auto-rows:min-content;max-width:900px;padding:0;gap:60px;margin-top:60px}body.project-page .project-grid-item{width:100%;aspect-ratio:auto;border-radius:0;cursor:default;display:flex;flex-direction:column}body.project-page .project-image{width:100%;height:auto;object-fit:contain;border-radius:0;display:block}.mypay-dial-container{max-width:680px;margin:60px auto;padding:0 20px}.mypay-dial-frame{background:white;border-radius:24px;padding:40px 20px;box-shadow:0 2px 8px rgba(0,0,0,.08);width:100%;max-width:600px;margin:0 auto}.mypay-dial-wrapper{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.mypay-dial-svg-container{position:relative;width:100%;max-width:560px;cursor:pointer;-moz-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none}.mypay-dial-svg{width:100%;height:auto;display:block;overflow:visible}.dial-knob{position:absolute;width:60px;height:60px;background:white;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:-webkit-grab;cursor:grab;pointer-events:auto;z-index:10;transition:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-user-drag:none}.dial-knob:active{cursor:-webkit-grabbing;cursor:grabbing}.mypay-dial-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:10;display:flex;flex-direction:column;align-items:center}.mypay-dial-amount{font-size:64px;font-weight:600;color:#1a7f3a;line-height:1.2;margin-bottom:8px;font-family:Circular Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mypay-dial-dates,.mypay-dial-label{font-size:16px;color:#666;font-weight:500;font-family:Circular Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mypay-dial-dates{display:flex;justify-content:space-between;width:100%;max-width:560px;margin-top:20px;padding:0 14px}.mypay-dial-date-start{text-align:left}.mypay-dial-date-end{text-align:right}@media (max-width:768px){body.project-page .grid-container{padding:40px 20px}body.project-page .project-grid{gap:30px}body.project-page[data-project-id=creator_tool] .project-grid,body.project-page[data-project-id=creator_tool] .project-grid-item.span-3-columns{padding:0}body.project-page[data-project-id=watchface] .project-grid,body.project-page[data-project-id=watchface] .watchface-second-grid,body.project-page[data-project-id=watchface] .watchface-third-grid{gap:20px!important}body.project-page[data-project-id=watchface] .project-grid,body.project-page[data-project-id=watchface] .watchface-second-grid{grid-template-columns:repeat(2,1fr);padding:0}body.project-page[data-project-id=watchface] .watchface-third-grid{grid-template-columns:1fr;padding:0}body.project-page[data-project-id=mypay_dial] .project-video-container{max-width:100%;margin-left:-20px;margin-right:-20px;border-radius:0}.mypay-dial-container{margin:40px auto;padding:0 10px}.mypay-dial-frame{padding:30px 15px;border-radius:16px;max-width:calc(100vw - 20px)}.mypay-dial-svg-container{max-width:70vw;max-width:min(70vw,320px)}.mypay-dial-amount{font-size:36px}.mypay-dial-label{font-size:12px}.mypay-dial-dates{margin-top:12px;font-size:12px;padding:0 5px;width:100%;max-width:min(70vw,320px)}.dial-knob{width:40px;height:40px}}body.creator-tool-page .grid-container{padding:60px 100px;max-width:none}body.creator-tool-page .creator-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;grid-gap:20px;gap:20px;align-items:start;max-width:1200px;margin:0 auto;padding:0 100px}body.creator-tool-page .creator-tool-grid-item{width:100%;page-break-inside:avoid;break-inside:avoid;border-radius:0;cursor:default;display:flex;flex-direction:column}body.creator-tool-page .creator-tool-image{width:100%;height:auto;object-fit:contain;border-radius:0;display:block}@media (max-width:768px){body.creator-tool-page .grid-container{padding:40px 20px}body.creator-tool-page .creator-tool-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:0}}body.nda-page{background:var(--color-nda-bg)}body.discipline-generative{background:var(--color-generative-bg)}body.discipline-illustrator .grid-container{padding:60px 100px;max-width:none}body.discipline-illustrator .grid{display:grid;grid-template-columns:1fr;grid-gap:40px;gap:40px;align-items:start}body.discipline-illustrator .grid-item{width:100%;aspect-ratio:auto;border-radius:0;cursor:default}body.discipline-illustrator .grid-item:hover{opacity:1;transform:none}body.discipline-illustrator .grid-image{width:100%;height:auto;object-fit:contain;border-radius:0}body.discipline-brand-designer .grid-container{padding:60px 100px;max-width:none}body.discipline-brand-designer .grid{display:grid;grid-template-columns:1fr;grid-gap:40px;gap:40px;align-items:start}body.discipline-brand-designer .grid-item{width:100%;aspect-ratio:auto;border-radius:0;cursor:default}body.discipline-brand-designer .grid-item:hover{opacity:1;transform:none}body.discipline-brand-designer .grid-image{width:100%;height:auto;object-fit:contain;border-radius:0}body.discipline-brand-designer .brand-designer-video{width:100%}body.discipline-brand-designer .brand-designer-video .modal-video-container{margin-bottom:0;margin-top:0}body.discipline-brand-designer .brand-designer-description{max-width:900px;margin:0 auto 40px;padding:0 20px;font-size:24px;line-height:1.6;text-align:center}body.discipline-brand-designer .brand-designer-description a{text-decoration:underline;color:inherit;transition:opacity .2s ease}body.discipline-brand-designer .brand-designer-description a:hover{opacity:.7}body.discipline-designer .page-container{padding-top:0;padding-bottom:0;min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center}body.discipline-designer .grid-container{max-width:100%}body.discipline-designer .grid,body.discipline-designer .grid-container{padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}body.discipline-designer .grid{flex-direction:column;position:relative;overflow:hidden}.designer-carousel-container{width:100vw;height:50vh;overflow:hidden;position:relative;padding:0;margin:0 0 0 calc(-50vw + 50%)}.designer-carousel-track{display:flex;gap:100px;will-change:transform;height:100%;align-items:center}.designer-carousel-item{flex-shrink:0;width:400px;height:50vh;overflow:hidden}.designer-carousel-image{width:100%;height:100%;object-fit:contain;display:block}.designer-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;width:auto;height:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity .3s ease,transform .2s ease;opacity:0;pointer-events:none}.designer-carousel-arrow:hover{transform:translateY(-50%) scale(1.1)}.designer-carousel-arrow:active{transform:translateY(-50%) scale(.95)}.designer-carousel-arrow img{width:48px;height:48px;filter:brightness(0);pointer-events:none}.designer-carousel-arrow-prev{left:40px}.designer-carousel-arrow-next{right:40px}.designer-bottom-text{left:0;padding:40px 40px calc(40px + env(safe-area-inset-bottom)) calc(40px + env(safe-area-inset-left));pointer-events:none}.designer-bottom-text,.designer-email{position:fixed;bottom:0;font-size:84px;line-height:1;margin:0;font-family:Circular Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;z-index:2000}.designer-email{right:0;padding:40px calc(40px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) 40px;text-align:right}.designer-email a{color:inherit;text-decoration:none;transition:opacity .2s ease;pointer-events:auto}.designer-email a:hover{opacity:.7}@media (max-width:1200px){.designer-bottom-text{font-size:60px;padding:30px 30px calc(30px + env(safe-area-inset-bottom)) calc(30px + env(safe-area-inset-left))}.designer-email{font-size:60px;padding:30px calc(30px + env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) 30px}}@media (max-width:768px){.designer-carousel-item{width:calc(100vw - 80px);height:50vh;max-width:1200px}.designer-carousel-track{gap:100px}.designer-carousel-arrow img{width:40px;height:40px}.designer-carousel-arrow-prev{left:20px}.designer-carousel-arrow-next{right:20px}.designer-bottom-text{display:none}.designer-email{display:none;text-align:left}.discipline-title,.top-nav{font-size:42px}body.discipline-illustrator .grid-container{padding:40px 20px}body.discipline-illustrator .grid{gap:16px}body.discipline-brand-designer .grid-container{padding:40px 20px}body.discipline-brand-designer .grid{gap:16px}body.discipline-brand-designer .brand-designer-description{font-size:20px;margin:0 auto 32px}}body.discipline-immersion-designer .grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,auto);grid-gap:20px;gap:20px;align-items:start;max-width:1200px;margin:0 auto;min-height:600px}body.discipline-immersion-designer .grid-item{border-radius:16px;max-width:100%;overflow:hidden}body.discipline-immersion-designer .grid-item:first-child{grid-column:1/3;grid-row:1/3}body.discipline-immersion-designer .grid-item:nth-child(2){grid-column:4/6;grid-row:2/4}body.discipline-immersion-designer .grid-item:nth-child(3){grid-column:2/4;grid-row:4/6}body.discipline-immersion-designer .grid-item:nth-child(4){grid-column:5/7;grid-row:5/7}body.discipline-immersion-designer .grid-image{border-radius:16px;width:100%;aspect-ratio:1/1;object-fit:cover}@media (max-width:768px){body.discipline-immersion-designer .grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);gap:16px;min-height:auto}body.discipline-immersion-designer .grid-item:first-child{grid-column:1/3;grid-row:1/3}body.discipline-immersion-designer .grid-item:nth-child(2){grid-column:3/5;grid-row:2/4}body.discipline-immersion-designer .grid-item:nth-child(3){grid-column:1/3;grid-row:3/5}body.discipline-immersion-designer .grid-item:nth-child(4){grid-column:3/5;grid-row:4/6}}body.discipline-generative .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:40px;gap:40px;padding:60px 40px;align-items:start;position:relative}body.discipline-generative .generative-tile{position:relative;transition:transform .3s ease,opacity .3s ease;background:transparent;border:1px solid #000;padding:20px 24px;min-height:80px;display:flex;align-items:flex-start;justify-content:flex-start}body.discipline-generative .generative-tile:hover{transform:translate(var(--random-x,0),var(--random-y,0)) rotate(var(--random-rotate,0deg)) scale(1.02);opacity:.8}body.discipline-generative .generative-tile-label{font-family:Circular Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:400;color:#000;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;margin:0}.protected-work-folder{position:absolute;width:48px;height:48px;cursor:pointer;z-index:5;transition:transform .2s ease,opacity .2s ease;pointer-events:auto}.protected-work-folder:hover{transform:translate(-50%,-50%) rotate(0deg) scale(1.1)!important;opacity:.9}.protected-work-folder img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@media (max-width:768px){body.discipline-generative .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px;padding:40px 20px}body.discipline-generative .generative-tile{padding:16px 20px;min-height:60px}body.discipline-generative .generative-tile-label{font-size:16px}}body.discipline-painter{background-image:url(/assets/projects/Painter/painter_background.svg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}body.discipline-painter .grid{display:flex;flex-direction:column;grid-template-columns:none;gap:240px;max-width:800px;margin:0 auto}body.discipline-painter .grid-container{padding-top:0}body.discipline-painter .grid-item{width:100%;max-width:100%;grid-column:unset}body.discipline-painter .grid-item.span-1-5,body.discipline-painter .grid-item.span-2,body.discipline-painter .grid-item.span-3{grid-column:unset;width:100%}body.discipline-painter .grid-item{border-radius:0;overflow:visible;cursor:default}body.discipline-painter .grid-item:hover{opacity:1;transform:none}body.discipline-painter .grid-image{width:60%;height:auto;object-fit:contain;border-radius:0;margin:0 auto;display:block}.page-container{position:relative;width:100%;min-height:100vh;padding-bottom:200px;padding-top:200px}body.discipline-immersion-designer .page-container{padding-top:160px}.top-nav{position:fixed;top:0;left:0;right:0;justify-content:space-between;padding:calc(40px + env(safe-area-inset-top)) calc(40px + env(safe-area-inset-right)) 40px calc(40px + env(safe-area-inset-left));font-size:84px;background:none;z-index:2000;min-height:136px;margin:0;box-sizing:border-box}.top-left,.top-nav{display:flex;align-items:center;height:auto;line-height:1}.top-left{white-space:nowrap;gap:12px;flex-shrink:1;min-width:0;overflow:hidden}.top-left p{line-height:1;margin:0;padding:0;height:76px}.resume-link,.top-left p{display:flex;align-items:center}.resume-link{background:none;border:none;cursor:pointer;padding:4px;justify-content:center;transition:transform .2s ease;text-decoration:none}.resume-link:hover{transform:scale(1.1)}.resume-arrow{width:48px;height:48px;opacity:1;filter:brightness(0);transition:opacity .2s ease,transform .2s ease}.resume-link:hover .resume-arrow{opacity:1}.back-link{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;text-decoration:none;margin-right:12px}.back-link:hover{transform:scale(1.1)}.back-arrow{width:48px;height:48px;opacity:1;filter:brightness(0);transition:opacity .2s ease,transform .2s ease}.back-link:hover .back-arrow{opacity:1}.home-link{text-decoration:none;color:inherit}.home-link p{margin:0;padding:0}body.project-page[data-project-id=verizon_assistant] .discipline-title,body.project-page[data-project-id=verizon_assistant] .top-left p,body.project-page[data-project-id=verizon_assistant] .top-nav,body.project-page[data-project-id=verizon_assistant] .top-right{color:white}body.project-page[data-project-id=verizon_assistant] .back-arrow,body.project-page[data-project-id=verizon_assistant] .discipline-caret{filter:brightness(0) invert(1)}body.project-page[data-project-id=roon_design_system] .discipline-title,body.project-page[data-project-id=roon_design_system] .top-left p,body.project-page[data-project-id=roon_design_system] .top-nav,body.project-page[data-project-id=roon_design_system] .top-right{color:white}body.project-page[data-project-id=roon_design_system] .back-arrow,body.project-page[data-project-id=roon_design_system] .discipline-caret{filter:brightness(0) invert(1)}body.project-page[data-project-id=moments] .discipline-title,body.project-page[data-project-id=moments] .top-left p,body.project-page[data-project-id=moments] .top-nav,body.project-page[data-project-id=moments] .top-right{color:white}body.project-page[data-project-id=moments] .back-arrow,body.project-page[data-project-id=moments] .discipline-caret{filter:brightness(0) invert(1)}body.project-page[data-project-id=instant_ask] .discipline-title,body.project-page[data-project-id=instant_ask] .top-left p,body.project-page[data-project-id=instant_ask] .top-nav,body.project-page[data-project-id=instant_ask] .top-right{color:white}body.project-page[data-project-id=instant_ask] .back-arrow,body.project-page[data-project-id=instant_ask] .discipline-caret{filter:brightness(0) invert(1)}.page-content iframe{max-width:100%;border-radius:12px}.about-text{font-family:Circular Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:28px;line-height:1.6;max-width:800px;margin:0 auto;text-align:center;color:var(--color-text)}@media (max-width:768px){.about-text{font-size:20px;max-width:100%;padding:0 30px}}.desen-link{color:var(--color-text);text-decoration:underline;transition:opacity .2s ease}.desen-link:hover{opacity:.7}.timeline-container{max-width:900px;margin:80px auto 0;padding:0 40px}.timeline,.timeline-item{position:relative;display:flex;flex-direction:column;align-items:center}.timeline-item{margin-bottom:60px;text-align:center;width:100%;z-index:1}.timeline-item:last-child{margin-bottom:0}.timeline-year{font-size:28px;font-weight:450;line-height:1.4;margin-bottom:12px;text-align:center}.timeline-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:700px}.timeline-title{font-size:24px;font-weight:400;line-height:1.4;margin-bottom:12px;text-align:center}.timeline-description{font-size:20px;line-height:1.6;font-weight:450;text-align:center}@media (max-width:768px){.timeline-container{margin-top:60px;padding:0 30px}.timeline-year{font-size:24px;margin-bottom:8px}.timeline-title{font-size:20px;font-weight:400;margin-bottom:8px}.timeline-description{font-size:18px}.timeline-item{margin-bottom:40px}}.top-right{display:flex;align-items:center;gap:12px;text-align:right;white-space:nowrap;line-height:1;height:auto;min-height:76px;flex-shrink:0;overflow:visible}.discipline-title,.page-right-text{font-size:inherit;letter-spacing:inherit;line-height:1;margin:0;padding:0}.page-right-text{height:76px;display:flex;align-items:center;color:inherit;text-decoration:none;transition:opacity .2s ease}.page-right-text:hover{opacity:.7}.discipline-toggle{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;margin-left:8px}.discipline-toggle:hover{transform:scale(1.1)}.discipline-caret{width:48px;height:48px;opacity:1;filter:brightness(0);transition:opacity .2s ease,transform .2s ease;transform:rotate(90deg)}.discipline-toggle:hover .discipline-caret{opacity:1}#project-dialog,.discipline-dialog{position:fixed;top:100px;right:40px;background:white;border:1px solid rgba(0,0,0,.1);border-radius:24px;box-shadow:none;z-index:2001;display:none;min-width:240px;overflow:hidden;font-family:Circular Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (max-width:768px){#project-dialog,.discipline-dialog{max-height:calc(100vh - 200px);overflow-y:auto}}#project-dialog.is-open,.discipline-dialog.is-open{display:block}.discipline-dialog-content{display:flex;flex-direction:column}.discipline-option,.project-option{background:none;padding:20px 32px;text-align:left;cursor:pointer;font-size:20px;font-family:Circular Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:rgba(0,0,0,.8);transition:background-color .2s ease;border:none;border-bottom:1px solid rgba(0,0,0,.05)}.discipline-option:last-child,.project-option:last-child{border-bottom:none}.discipline-option:hover,.project-option:hover{background:rgba(0,0,0,.08)}.discipline-option:active,.project-option:active{background:rgba(0,0,0,.12)}.discipline-option.active,.project-option.active{background:none;font-weight:400}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding:40px calc(40px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) calc(40px + env(safe-area-inset-left));font-size:84px;background:none;z-index:2000;display:flex;align-items:center;justify-content:space-between;gap:24px}.bottom-nav__link{color:inherit;text-decoration:none;transition:opacity .2s ease}.bottom-nav__link:focus-visible,.bottom-nav__link:hover{opacity:.7}.bottom-nav-link{color:inherit;text-decoration:none;pointer-events:auto;font-size:inherit;letter-spacing:inherit;line-height:inherit}.bottom-nav-link:focus-visible,.bottom-nav-link:hover{color:inherit;text-decoration:none}.bottom-nav__about{background:transparent;border:none;font:inherit;color:inherit;padding:0;cursor:pointer;transition:opacity .2s ease;text-decoration:none}.bottom-nav__about:focus-visible,.bottom-nav__about:hover{opacity:.7}.grid-container{max-width:1400px;margin:0 auto;padding:0 40px 60px}.header{margin-bottom:80px;text-align:center}.title{font-size:clamp(48px,8vw,96px);font-weight:700;letter-spacing:-.02em;margin-bottom:16px;color:black}.subtitle{font-size:clamp(16px,2vw,20px);color:rgba(0,0,0,.6);letter-spacing:.05em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:40px;gap:40px;margin-bottom:40px;width:100%}.grid-item{position:relative;border-radius:24px;overflow:hidden;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center}.grid-item.span-2{grid-column:span 2}.grid-item.span-3{grid-column:span 3}.grid-item.span-1-5{grid-column:span 1;width:calc(150% + 20px)}.grid-image{width:100%;height:auto;display:block;border-radius:24px;object-fit:contain;margin:0 auto}@media (max-width:1200px){.bottom-nav,.top-nav{font-size:60px;padding:30px}.page-container{padding-bottom:150px;padding-top:120px}body.discipline-immersion-designer .page-container{padding-top:160px}body.discipline-painter .page-container{padding-top:240px}body.discipline-brand-designer .page-container,body.discipline-illustrator .page-container{padding-top:120px}.grid-container{padding:0 30px 60px}}@media (max-width:768px){.bottom-nav,.top-nav{font-size:42px;padding:30px}.top-nav{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;padding-top:calc(20px + env(safe-area-inset-top));padding-left:calc(30px + env(safe-area-inset-left));padding-right:calc(30px + env(safe-area-inset-right));min-height:auto}body.about-page .top-nav{gap:0}body.about-page .top-right{margin-top:-15px}body:not(.project-page) .page-container{padding-top:180px!important}.top-left{width:100%;justify-content:flex-start}.top-left p{height:auto}.top-right{text-align:left;gap:8px;white-space:nowrap;flex-shrink:0;overflow:visible;width:100%;justify-content:flex-start;min-height:auto}.discipline-caret{width:36px;height:36px}.resume-arrow{display:none}.top-left .resume-link{display:inline;padding:0;margin-left:12px;text-decoration:none;color:inherit;background:none;border:none;cursor:pointer}.top-left .resume-link:before{content:"About"}.top-left .resume-link:hover{transform:none}.back-arrow{width:36px;height:36px}#project-dialog,.discipline-dialog{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);min-width:300px}.discipline-option,.project-option{padding:14px 24px;font-size:16px}.discipline-caret{display:block!important;opacity:1!important}body:not(.project-page) .page-container{padding-bottom:120px;padding-top:120px!important}body:not(.project-page).discipline-immersion-designer .page-container{padding-top:160px!important}body:not(.project-page).discipline-painter .page-container{padding-top:240px!important}body:not(.project-page).discipline-brand-designer .page-container,body:not(.project-page).discipline-illustrator .page-container{padding-top:120px!important}.bottom-nav{display:none!important}.grid-container{padding:0 20px 40px}body.discipline-painter .grid-container{padding:0 20px 40px 10px}.header{margin-bottom:48px}.grid{grid-template-columns:repeat(2,1fr);gap:16px}body.discipline-brand-designer .grid,body.discipline-illustrator .grid{grid-template-columns:1fr;gap:16px}body.discipline-immersion-designer .grid{gap:16px}body.discipline-painter .grid{gap:300px;max-width:100%}body.discipline-painter .grid-image{width:80%}.grid-item{border-radius:16px}.grid-item.span-2{grid-column:span 2}.grid-item.span-1-5,.grid-item.span-3{grid-column:span 1;width:100%}.modal-header{padding:20px 20px 0}.modal-body__header{grid-template-columns:1fr;gap:16px}.modal-body__content{gap:24px}.modal-header__toggle{justify-content:flex-start}.modal-header__description{max-width:none}.modal-body{padding:12px 20px 40px}.modal-progress{height:4px}}@media (max-width:480px){.bottom-nav,.top-nav{font-size:32px;padding:30px}.top-nav{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;padding-top:calc(20px + env(safe-area-inset-top));padding-left:calc(30px + env(safe-area-inset-left));padding-right:calc(30px + env(safe-area-inset-right));min-height:auto}body.about-page .top-nav{gap:0}body.about-page .top-right{margin-top:-15px}body:not(.project-page) .page-container{padding-top:180px!important}.top-left{width:100%;justify-content:flex-start}.top-left p{height:auto}.top-right{text-align:left;gap:8px;white-space:nowrap;flex-shrink:0;overflow:visible;width:100%;justify-content:flex-start;min-height:auto}body:not(.project-page) .page-container{padding-bottom:100px;padding-top:120px!important}body:not(.project-page).discipline-immersion-designer .page-container{padding-top:160px!important}body:not(.project-page).discipline-painter .page-container{padding-top:240px!important}body:not(.project-page).discipline-brand-designer .page-container,body:not(.project-page).discipline-illustrator .page-container{padding-top:120px!important}.bottom-nav{display:none!important}body.discipline-painter .grid-container{padding:0 20px 40px 10px}.modal-body{padding:12px 16px 36px}.modal-header{padding:18px 16px 0}.modal-body__content{gap:20px}}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal-content{background-color:white;border-radius:16px;box-shadow:0 24px 48px rgba(0,0,0,.28);width:min(96vw,990px);height:min(92vh,709.5px);top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;overflow:hidden;min-width:320px;min-height:240px}.modal-content,.modal-header{position:absolute;display:flex}.modal-header{top:24px;left:0;right:0;align-items:center;gap:16px;padding:0 32px;background:none;z-index:30}.modal-header__title{font-size:clamp(26px,3vw,38px);letter-spacing:-.015em;line-height:1.1;flex-shrink:0}.modal-header__center{flex:1 1;display:flex;justify-content:center}.modal-header__meta{display:flex;flex-direction:column;gap:8px}.modal-header__description{font-size:16px;line-height:1.5;color:rgba(0,0,0,.6);max-width:32ch}.modal-header__description:empty{display:none}.modal-floating-toggle{display:none;pointer-events:auto}.modal-floating-toggle.is-active{display:block}.modal-floating-toggle .modal-toggle{box-shadow:0 30px 45px rgba(0,0,0,.16)}.modal-body__header{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;grid-gap:24px;gap:24px;margin-bottom:32px}.modal-body__content{display:flex;flex-direction:column;gap:32px;min-width:0;width:100%}.close{color:rgba(0,0,0,.55);font-size:28px;font-weight:500;cursor:pointer;line-height:1;background:rgba(255,255,255,.85);border:none;padding:4px;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,opacity .2s ease}.close-icon{width:20px;height:20px;opacity:.55;transition:opacity .2s ease}.close:focus-visible .close-icon,.close:hover .close-icon{opacity:1}.close:focus-visible,.close:hover{background:rgba(0,0,0,.1)}.modal-body{flex:1 1;padding:100px 32px 48px;overflow:auto;background-color:white}.modal-progress{position:-webkit-sticky;position:sticky;bottom:0;left:0;width:100%;height:6px;background:rgba(0,0,0,.06);transform-origin:left center;opacity:0;transition:opacity .2s ease;pointer-events:none}.modal-progress.is-active{opacity:1}.modal-progress__bar{width:100%;height:100%;background:rgba(0,0,0,.7);transform-origin:left center;transform:scaleX(0);transition:transform .1s ease-out}.modal-error,.modal-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:240px;gap:12px;text-align:center;color:rgba(0,0,0,.7)}.modal-error h3{font-size:20px;font-weight:600;color:black}.modal-page{gap:32px;line-height:1.6}.modal-page,.modal-page__hero{display:flex;flex-direction:column}.modal-page__hero{gap:16px}.modal-page__hero h2{font-size:clamp(32px,4vw,48px);line-height:1.1}.modal-page__hero p{font-size:clamp(16px,2vw,18px);color:rgba(0,0,0,.7)}.modal-page__hero img{width:100%;border-radius:16px;object-fit:contain}.modal-page__section{display:flex;flex-direction:column;gap:12px}.modal-page__section h3{font-size:20px;letter-spacing:-.01em}.modal-page__section p{font-size:16px;color:rgba(0,0,0,.7)}.modal-page__section ul{padding-left:20px;display:flex;flex-direction:column;gap:8px;color:rgba(0,0,0,.7)}.modal-page__section li{list-style:disc}.modal-page__section a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.modal-toggle{display:inline-flex;background:rgba(0,0,0,.05);border-radius:999px;padding:6px;gap:8px}.modal-toggle__option{border:none;background:transparent;padding:8px 20px;border-radius:999px;font-size:15px;font-weight:500;color:rgba(0,0,0,.7);cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.modal-toggle__option:focus-visible{outline:2px solid rgba(0,0,0,.5);outline-offset:2px}.modal-toggle__option.is-active{background:white;color:black;box-shadow:0 6px 20px rgba(0,0,0,.12)}.modal-page__pane{display:none;flex-direction:column;gap:24px}.modal-page__pane.is-active{display:flex}.modal-project-summary{padding-top:3rem;margin-bottom:32px;font-size:18px;line-height:1.6;color:rgba(0,0,0,.8)}body.discipline-immersion-designer .modal-project-summary{margin-bottom:16px}.modal-project-description-wrapper{margin-top:48px;margin-bottom:48px;width:100%;overflow:hidden}.description-title{position:relative;z-index:1}.modal-project-description{display:flex;gap:20px;flex-wrap:nowrap;align-items:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;position:relative;width:100%;min-width:0}.modal-project-description::-webkit-scrollbar{height:4px}.modal-project-description::-webkit-scrollbar-track{background:transparent}.modal-project-description::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}.description-title{margin:0 0 20px;padding:0}.description-section{background:white;border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:20px;margin:0;width:280px;flex-shrink:0}.description-section.description-challenge{margin-bottom:24px}.description-section-title{margin:0 0 12px;padding:0;font-weight:400}.description-section-content{margin:0;padding:0;font-size:.9em}.description-bullet{margin:0 0 8px;padding-left:16px;position:relative}.description-bullet:before{content:"•";position:absolute;left:0;font-size:.7em}.description-paragraph{margin:0 0 10px}.description-navigation{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-right:0}.description-nav-btn{color:rgba(0,0,0,.55);font-size:20px;font-weight:700;cursor:pointer;line-height:1;background:rgba(255,255,255,.85);border:none;padding:4px;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,opacity .2s ease}.nav-icon{width:20px;height:20px;opacity:.55;transition:opacity .2s ease}.description-nav-btn:focus-visible:not(:disabled) .nav-icon,.description-nav-btn:hover:not(:disabled) .nav-icon{opacity:1}.description-nav-btn:focus-visible:not(:disabled),.description-nav-btn:hover:not(:disabled){background:rgba(0,0,0,.1)}.description-nav-btn:disabled{opacity:.3;cursor:not-allowed}.description-nav-btn:disabled .nav-icon{opacity:.3}.modal-video-container{width:100%;margin-bottom:40px;margin-top:20px;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}body.discipline-immersion-designer .modal-video-container{margin-top:0;margin-bottom:24px}.modal-video-container iframe,.modal-video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;max-width:100%;display:block;object-fit:contain}@media (max-width:768px){.modal-video-container video::-webkit-media-controls-fullscreen-button{display:none!important}.modal-video-container video{-webkit-playsinline:true}}.modal-video-container.modal-video-4-3{padding-bottom:75%}@media (max-width:768px){.modal-video-container{margin-bottom:24px}}.modal-project-gallery{display:flex;flex-direction:column;gap:20px;max-width:900px;margin:0 auto}.modal-project-image{width:100%;height:auto;display:block;border-radius:16px;object-fit:contain}@media (max-width:768px){.modal{position:fixed;overflow:auto;-webkit-overflow-scrolling:touch}.modal-content{width:calc(100% - 16px);height:auto;min-height:85vh;max-height:none;position:fixed;top:8px;left:8px;right:8px;bottom:8px;transform:none;max-width:none;margin:0}.modal-header{padding:16px;gap:12px}.modal-header__center{justify-content:center}.modal-body{padding:96px 16px 36px;overflow-y:auto}.modal-body__header{gap:16px}.modal-project-description-wrapper{margin-bottom:32px}.description-navigation{gap:8px}.description-nav-btn{width:36px;height:36px;font-size:18px}.modal-project-description{gap:16px}.description-title{margin:0 0 16px}.description-section{padding:16px;width:240px}.modal-body__content,.modal-page{gap:24px}.modal-page__hero img{border-radius:12px}}@media (max-width:480px){.modal-body{padding:88px 14px 32px}}@media (min-width:769px){.grid{grid-template-columns:repeat(5,1fr)!important}body.discipline-brand-designer .grid,body.discipline-illustrator .grid{grid-template-columns:1fr!important}.grid-item.span-2{grid-column:span 2}.grid-item.span-3{grid-column:span 3}}@media (max-width:480px){.modal-page{gap:20px}.modal-page__hero h2{font-size:28px}.modal-page__section h3{font-size:18px}.modal-toggle{width:100%;justify-content:space-between;gap:4px}.modal-toggle__option{flex:1 1;padding:10px 12px}}.mypay-prototype-row{display:flex;justify-content:center;gap:40px;padding:32px 0 48px;flex-wrap:wrap}.mypay-prototype-phone{display:flex;flex-direction:column;align-items:center;gap:16px}.mypay-prototype-label{font-size:14px;color:#888;text-align:center;margin:0}@media (max-width:768px){.mypay-prototype-row{gap:24px}}