.navbar{background-color:#000;height:100vh;left:0;padding:min(3em,8%);position:fixed;top:0;width:150px;z-index:1000}.nav-content,.navbar{align-items:flex-start;display:flex;flex-direction:column}.nav-content{font-family:JetBrains Mono,monospace;font-size:16px;font-style:normal;font-weight:400;height:100%;justify-content:space-between;line-height:normal;text-transform:uppercase}.desktopMenuList{align-items:flex-start;display:flex;flex-direction:column;gap:.05rem}.desktopMenuListItem{display:block;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-size:clamp(.95rem,.6vw,1.1rem);font-weight:500;font-weight:400;line-height:1.3;text-align:left;text-transform:uppercase;transform-origin:left center;transition:all .2s ease-in-out}.mobile-toggle{display:none}.initial{cursor:pointer;font-family:Inter;font-size:clamp(1.1rem,2vw,2rem);font-weight:600;line-height:1;text-transform:lowercase}.initial,.navbar-light .desktopMenuListItem{color:#fff}.navbar-dark .desktopMenuListItem{color:#000;font-size:20px;font-weight:600}.desktopMenuListItem:hover{color:#ffb266;transition:color .2s ease}.desktopMenuListItem.active{color:#ffb266}.nav-buttons{align-items:center;gap:2rem;justify-content:flex-end}.navbar-light .initial{color:#fff}.navbar-light .message-button{border:1.5px solid #fff;color:#fff}.navbar-dark .initial{color:#000}.navbar-light .message-button:hover{background-color:#fff;color:#000}.navbar-dark .message-button:hover{background-color:#000;color:#fff}.desktopMenuList:hover{cursor:pointer;display:inline-block;perspective:800px}.desktopMenuListItem:hover{transform:scale(1.1)}.nav-buttons{display:flex;flex-direction:column;gap:1rem}.sun-button,.top-button{align-items:center;background:#0000;border:1.5px solid #fff;border-radius:40px;color:#fff;cursor:pointer;display:flex;padding:.8rem}.sun-button svg,.top-button svg{height:1.8em;position:relative;vertical-align:middle;width:1.8em}.burger{background:none;border:none;color:#fff;cursor:pointer}.burger,.mobile-menu{display:none}@media (max-width:768px){.desktopMenuList{display:none!important}.burger{align-items:flex-end;display:flex;justify-content:flex-end;margin-left:auto}.nav-buttons-wrapper{bottom:1rem;gap:1rem}.burger-wrapper,.nav-buttons-wrapper{display:flex;flex-direction:column;pointer-events:auto;position:fixed;right:1rem;z-index:1001}.burger-wrapper{align-items:flex-end;top:1rem}.mobile-menu{align-items:flex-end;border-radius:8px;box-shadow:0 0 10px #0000004d;gap:.05rem;padding:1rem;position:absolute;right:0;top:2.5rem}.mobile-menu,.navbar{background-color:#000;display:flex;flex-direction:column}.navbar{align-items:flex-start;height:100vh;left:0;position:fixed;top:0;width:0}}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{display:inline-block;margin-left:.25rem;opacity:1}.text-type__cursor--hidden{display:none}.hero-container{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;min-height:100vh;overflow:hidden;width:100%}.main-nav{align-items:center;text-align:center}.main-nav,.nav-header{color:#fff;display:flex;flex-direction:column;justify-content:center}.nav-header{position:relative;text-align:left;z-index:1}.hello-message{font-family:Inter;font-size:clamp(2.5rem,3vw,3.5rem);padding-bottom:min(.2rem,8%);text-transform:uppercase}.description{font-size:clamp(1rem,1.2vw,2rem);line-height:1.2;max-width:clamp(400px,60vw,1100px);text-align:left;text-transform:uppercase}.description,.ps-message{font-family:JetBrains Mono,monospace;font-weight:400}.ps-message{font-size:clamp(.9rem,.6vw,1.1rem);padding-top:2.5rem}.message-row{align-items:center;display:flex;flex-direction:row;padding-top:2rem}.message-button{border:1.5px solid #fff;color:#fff;font-size:1rem}button:hover{background-color:#fff;color:#000}.ascii-wrapper{animation:fadeOut 1s ease-in-out forwards;animation-delay:4s;height:100vh;overflow:visible!important;pointer-events:auto;position:relative;text-align:center;width:100vw;width:1200px}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.fade-in{animation:fadeIn 1s ease-in-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}@media (max-width:1024px){.hero-container{padding-left:150px}}@media (max-width:768px){.navbar{background-color:#000;height:auto;justify-content:flex-start;left:0;padding:1rem;position:fixed;right:0;top:0}.nav-content,.navbar{align-items:flex-start;flex-direction:column;gap:1rem;width:100%}.nav-content{display:flex}.hero-container{padding-left:0}.initial{font-size:1.8rem}.desktopMenuList{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.nav-buttons{flex-direction:row;gap:1rem;justify-content:flex-start}.sun-button,.top-button{padding:.5rem}.nav-header{text-align:center}.hello-message{font-size:1.5rem}.description{font-size:clamp(.8rem,3vw,1rem);max-width:90vw;text-align:center}.message-row{align-items:center;display:flex;justify-content:center;padding-top:1.5rem}.ascii-wrapper{left:30%;width:768px}}.project-tags-bubble{border:1.5px solid #fff;border-radius:10px;padding:.5rem}.link{align-items:center;display:inline-flex;font-weight:700}.icon,.link,span{position:relative}.icon{margin-left:.5em}.orange{background-color:#ff8000;border-radius:2em;height:2em;left:-1em;position:absolute;top:50%;transform:translateY(-50%);width:2em}.main-content{overflow:hidden;position:relative}.work-container{background-color:#000;flex-direction:column;position:relative}.work-container,.work-section{display:flex;justify-content:center;min-height:100vh}.work-section{align-items:center;padding-left:80px}.project-section{align-items:center;display:flex;height:auto;justify-content:center;padding:10rem 0;scroll-snap-align:start}.project-column{display:flex;flex-direction:column;gap:6rem;margin:0 auto;max-width:920px;scroll-snap-type:y mandatory;width:100%}.project-block{justify-content:space-between;max-width:1000px}.project-text-laptop{cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:550px;text-align:left}.button-wrapper{display:inline-block;flex:none;min-width:0;padding-bottom:1rem;position:relative;width:auto}.project-text-phone{cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;max-width:500px;text-align:left}.project-title{font-weight:700;margin-bottom:1rem}.encrypted-char{color:#fff;font-family:Inter;font-size:clamp(2rem,3vw,3.5rem);font-weight:700;opacity:.5;text-transform:uppercase;transition:color .3s,opacity .3s}.project-description{color:#999;font-size:clamp(.9rem,.6vw,1.1rem);line-height:1.5}.project-image{align-items:center;display:flex;flex:1 1;justify-content:space-evenly;overflow:visible;position:relative}.laptop-mockup{aspect-ratio:16/10;height:auto;max-width:700px}.phone-mockup{height:auto;max-width:20vw;width:100%}.project-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}@media (max-width:1024px){.project-block{flex-direction:column!important;gap:2rem;padding-left:min(80px,8%);text-align:center}.project-column{display:flex;flex-direction:column;gap:2rem}.project-image{margin-top:1rem}.project-text-laptop,.project-text-phone{align-items:center;min-width:auto;text-align:center;width:60%}.project-title{font-size:3rem}.project-description{font-size:.95rem;max-width:100%;padding-top:.3rem}.laptop-mockup{max-width:500px}.phone-mockup{max-width:220px}.encrypted-char{font-size:3rem}}@media (max-width:768px){.work-container{padding-left:1rem;padding-right:1rem}.work-section{padding-left:0}.project-column{gap:5rem}.project-block{align-items:center;flex-direction:column;gap:2rem;text-align:center}.project-text-laptop,.project-text-phone{align-items:center;gap:.5rem;min-width:550px;padding:0 1rem;text-align:center}.encrypted-char{font-size:clamp(2rem,3vw,3.5rem)}.project-description{font-size:clamp(.9rem,3vw,1.2rem);line-height:1.2em;margin:0 auto;max-width:80vw}.project-image{justify-content:center;max-width:90vw}.laptop-mockup{max-width:90%}.phone-mockup{max-width:60%}.project-tags{align-items:center;justify-content:center;margin:0 3rem}}.about-container{align-items:center;background-color:#000;min-height:100vh;min-width:100vw}.about-container,.about-content{display:flex;flex-direction:column}.about-content{align-items:flex-start;margin-left:80px;padding-top:10rem}.content-row{align-items:center;flex-wrap:wrap;gap:4rem;justify-content:center;padding-top:1rem}.content-row,.text-columns{display:flex;flex-direction:row}.text-columns{flex:3 1;gap:2rem}.about-title{color:#fff;font-family:Inter;font-size:clamp(4rem,6vw,8rem);text-transform:uppercase}.pfp-circle{align-self:center;aspect-ratio:1/1;background:url(/static/media/KQP-SabrinaQuach-20251217.c0dbb79c32894388e8d1.jpeg);background-position:50%;background-size:cover;border-radius:50%;max-width:220px;width:100%}.content-items{display:flex;flex-direction:column;text-align:left}.about-subtitle{font-family:Inter;font-size:clamp(1rem,1.5vw,2rem);font-weight:700;padding-bottom:.5rem;text-transform:uppercase}.about-description{font-family:JetBrains Mono,monospace;font-size:clamp(.9rem,.6vw,1.1rem);font-weight:400;max-width:450px;padding-bottom:3rem}.message-row-about{align-items:center;display:flex;flex-direction:row}.message-button{align-items:center;background:#0000;border-radius:40px;cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:clamp(.9rem,.6vw,1.1rem);font-weight:400;font-weight:500;gap:.5rem;padding:8px 15px;text-transform:uppercase}.message-button svg{height:1em;position:relative;top:.5px;vertical-align:middle;width:1em}.photos-section{background-color:#000;min-height:100vh;padding:4rem 4rem 1rem 15rem}.photo-title{color:#fff;font-family:Inter;font-size:clamp(2rem,4vw,5rem);font-weight:700;padding-bottom:1rem;padding-right:2rem;padding-top:12rem;text-align:right;text-transform:uppercase}.photo-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"one one two two three" "one one four five five" "ten ten nine eight seven";grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,300px);height:100%;width:100%}.photo{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;width:100%}.photo-video{border-radius:inherit;height:100%;object-fit:cover;width:100%}.photo-1{background-image:url(/static/media/food.38998f04e7a574ba3714.jpeg);grid-area:one}.photo-2{background-image:url(/static/media/roomies.f18e43c0083804c542f9.png);grid-area:two}.photo-3{background-image:url(/static/media/toki.28c645c922a5dc5e7f6a.jpeg);grid-area:three}.photo-4{background-image:url(/static/media/sunset.d29c74b1d84fafdc8ef2.jpeg);grid-area:four}.photo-5{grid-area:five}.photo-6{background-image:url(/static/media/walking.2762b37beebca9584ec0.jpeg);grid-area:six}.photo-7{background-image:url(/static/media/sanrio.bd916cf10b6efcdbc03c.jpg);grid-area:seven}.photo-8{background-image:url(/static/media/ramen.ae541bdbf57f98a748cc.jpg);grid-area:eight}.photo-9{background-image:url(/static/media/sand.a124785a573f81c845b7.jpg);grid-area:nine}.photo-10{background-image:url(/static/media/orchids.1aeb19e1e9cf2c5617ec.jpg);grid-area:ten}@media (max-width:1024px){.about-content{align-items:center;display:flex;flex-direction:column;margin-left:0;padding:18rem 10rem 15rem 15rem;text-align:center}.photos-section{background-color:#000;min-height:100vh;padding:0 1rem 0 10rem}.photo-title{padding-right:1rem;padding-top:5rem}.photo-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-areas:"one two two" "one five five" "three seven" "eight nine" "ten ten";grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,200px);height:100%;padding-left:2rem;width:100%}}@media screen and (max-width:768px){.about-content{align-items:center;display:flex;flex-direction:column;padding:8.5rem 2rem}.about-title{font-size:3rem;text-align:left}.content-row{display:flex}.content-row,.text-columns{align-items:center;flex-direction:column}.text-columns{gap:0;text-align:center}.message-row-about{align-items:center;display:flex;flex-direction:row;justify-content:center}.message-button{max-width:300px;padding:.6rem 2rem}.photos-section{background-color:#000;min-height:100vh;padding:0}.photo-title{padding-right:1rem}.photo-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-areas:"two two" "one six" "five five" "three seven" "eight nine" "ten ten";grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-template-rows:repeat(6,200px);height:100%;padding-left:1rem;width:100%}}li,p{font-family:JetBrains Mono,monospace;font-size:clamp(.95rem,.6vw,1.1rem);font-weight:400}.project-container{align-items:center;background:#000;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-x:hidden;padding-left:80px;width:100%}.project-content{align-items:flex-start;display:flex;flex-direction:row;max-width:1020px;padding-top:8rem}.project-block{align-items:center;display:flex;flex-direction:row;height:auto;max-width:1200px;width:100%}.text-column{cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:550px;text-align:left;width:100%}.project-content-items{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:space-evenly;overflow:visible;position:relative;text-align:left}.project-header{color:#5b5b5b;font-size:clamp(.7rem,.4vw,.9rem)}.project-header,.project-title{font-family:Inter;text-transform:uppercase}.project-title{color:#f2f3f4;font-size:clamp(2rem,3vw,3.5rem)}.project-description{color:#f0f0f0;font-family:JetBrains Mono,monospace;font-size:clamp(.95rem,.6vw,1.1rem);font-weight:400;max-width:100%;padding-bottom:1rem}.project1-image{aspect-ratio:16/10;height:auto;max-width:clamp(20vw,60vw,90vw);object-fit:contain}.case-study-container{display:flex;flex-direction:column;justify-content:center;max-width:1200px;min-height:100vh;padding:0 4rem;width:100%}.case-study-container,.project-block{margin:0 auto;max-width:1200px;width:100%}.horizontal-line{border:1px solid #5b5b5b;margin:4rem 0;opacity:50%;width:100%}.section-subheader{color:#484848;font-family:Inter;font-size:clamp(.8rem,.6vw,1rem);padding-bottom:1rem;text-transform:uppercase}.background-block,.design-process-block{align-items:flex-start;display:flex;flex-direction:row;gap:1.5rem;height:auto;justify-content:space-between}.background-row{align-items:center;display:flex;flex-direction:row;gap:.4rem}.background-column{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;text-align:left}.background-subtitle{color:#f2f3f4;font-family:Inter;font-size:clamp(1.1rem,2vw,1.2rem);text-transform:uppercase}.background-design-list *{color:#979797;font-size:clamp(.95rem,.6vw,1.1rem);line-height:1.4;list-style-type:none;text-transform:capitalize}.timeline-list{min-width:420px}.role-tool-list{min-width:225px}.design-iterate{min-width:260px}.section-header{color:#f2f3f4;font-family:Inter;font-size:clamp(1.5rem,2vw,2rem);padding-bottom:1rem;text-transform:uppercase}.challenge-column{display:flex;flex-direction:column;gap:4rem}.challenge-question{color:#ffb266;font-size:clamp(.95rem,.6vw,1.1rem);max-width:100%;padding-top:.5rem}.research-description{color:#f0f0f0;line-height:1.5;max-width:1200px;width:100%}.solution-column{display:flex;flex-direction:column;gap:3rem}.current-state-column,.design-with-intent-column{display:flex;flex-direction:column;gap:4rem}.current-state-list,.design-with-intent-list,.interviews-with-creatives-list{color:#f0f0f0;list-style:none;max-width:100%;padding-top:.5rem;text-indent:20px}.current-state-list li:before,.design-with-intent-list li:before,.interviews-with-creatives-list li:before{color:#f0f0f0;content:"-";margin-right:.5rem}.section-subtitle{color:#f2f3f4;font-family:Inter;font-size:clamp(1.25rem,1.6vw,2rem);font-weight:700;padding-bottom:1rem;padding-top:4rem;text-transform:uppercase}.empathy-maps-column{display:flex;flex-direction:column;gap:2rem}.square-row{display:flex;flex-direction:row;gap:1.5rem}.empathy-map-image-row{display:flex;gap:1.5rem;transition:filter .3s ease}.empathy-map-image{border-radius:5px;cursor:zoom-in;max-width:32vw;object-fit:contain;transition:transform .3s ease}.image-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0009;cursor:zoom-out;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-img{border-radius:10px;box-shadow:0 0 30px #ffffff1a;max-height:90vh;max-width:90vw;transition:transform .3s ease}.themes-column{display:flex;flex-direction:column;gap:2rem}.competitor-row,.theme-rectangle-row{grid-gap:2rem;display:grid;flex-wrap:wrap;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.painpoints-row{grid-gap:2rem;display:grid;flex-wrap:wrap;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.competitor-wrapper,.themes-wrapper{max-width:1020px;width:100%}.competitor-column{display:flex;flex-direction:column;gap:2rem}.swot-orange{color:#ffb266;font-family:JetBrains Mono,monospace;font-weight:800}.experience-drivers-column{display:flex;flex-direction:column;gap:1rem}.experience-drivers-question{color:#ffb266;font-size:clamp(.95rem,.6vw,1.1rem);max-width:1020px;padding-bottom:2rem}.core-row{display:flex;flex-direction:row;gap:2rem;max-width:1020px;width:100%}.designConcept-image{border-radius:5px;cursor:zoom-in;max-width:20vw;object-fit:contain;transition:transform .3s ease;width:100%}.designConcept-image-row{display:flex;gap:1.5rem;transition:filter .3s ease}.early-design-column{display:flex;flex-direction:column}.section-subtitle-early-design{color:#f2f3f4;font-family:Inter;font-size:clamp(1.1rem,1.7vw,2rem);font-weight:700;padding-bottom:1rem;text-transform:uppercase}.early-design-image-row{display:flex;gap:1.5rem;max-width:1020px;padding-top:4rem;transition:filter .3s ease}.prioritization-column{display:flex;flex-direction:column;gap:4rem}.prioritization-image-row{display:flex;flex-direction:row;gap:4rem}.prioritization-content-column{display:flex;flex-direction:column;gap:1rem}.prioritization-image-label{color:#f2f3f4;font-family:Inter;font-size:clamp(1.1rem,1.7vw,2rem);font-weight:700;text-transform:uppercase}.prioritization-image{max-width:25vw;width:100%}.lofi-wireframes-image,.prioritization-image{border-radius:5px;cursor:zoom-in}.lofi-wireframes-content-column{display:flex;flex-direction:column;gap:1rem}.style-guide-image{border-radius:5px;cursor:zoom-in;max-width:900px;object-fit:contain;transition:transform .3s ease;width:100%}.style-guide-column{display:flex;flex-direction:column;gap:3rem}.hifi-wireframe-video{margin:0 auto;max-width:60vw;object-fit:contain}.key-feedback-column{display:flex;flex-direction:column;gap:2rem}.key-feedback-title{color:#f0f0f0;font-size:clamp(.95rem,.6vw,1.1rem)}.key-feedback-list{color:#979797;font-size:clamp(.85rem,2vw,1rem);list-style:none;padding-top:.4rem}.design-iterations-column{display:flex;flex-direction:column;gap:4rem}.final-design-column{display:flex;flex-direction:column;gap:3rem}.final-design-video{margin:0 auto;max-width:55vw;object-fit:contain;padding-bottom:5rem}.reflection-container{padding-bottom:5rem}@media (max-width:1024px){.project-content{gap:2rem;margin:0;padding-left:0}.case-study-container,.project-content{align-items:center;flex-direction:column}.case-study-container{display:flex;margin:0 auto}.project-block{align-items:center;flex-direction:column;gap:2rem;margin:0;padding:0;text-align:center}.background-block,.design-process-block{display:flex;flex-direction:column;height:auto}.timeline-list{min-width:200px}.challenge-question,.competitor-wrapper,.core-row,.current-state-list,.design-with-intent-list,.designConcept-image,.empathy-map-image,.experience-drivers-question,.final-design-video,.hifi-wireframe-video,.interviews-with-creatives-list,.key-feedback-title,.lofi-wireframes-image,.prioritization-image,.research-description,.style-guide-image,.themes-wrapper{max-width:75vw}.early-design-column{max-width:70vw}.designConcept-image{max-width:20vw}.empathy-map-image-row{transition:filter .3s ease}.empathy-map-image-row,.prioritization-image-row{display:flex;flex-direction:column;gap:4rem}.project1-block{flex-wrap:wrap;gap:3rem}.project1-content-items,.text-column{align-items:center;flex:1 1 100%;max-width:100%;min-width:0;text-align:center}.design-iterate,.role-tool-list,.timeline-list{min-width:0;width:100%}}@media screen and (max-width:768px){.project-container{padding-left:0}.project-content *{align-items:center}.case-study-container{align-items:center;display:flex;flex-direction:column;padding:0 2rem}.background-block{grid-gap:2rem;flex-direction:column;gap:2rem}.background-block,.design-process-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.project-block{align-items:center;flex-direction:column;gap:2rem}.project-block,.project-title{text-align:center}.project-description{max-width:90vw;padding-bottom:1rem}.section-header,.section-subheader,.section-subtitle{display:flex;flex-wrap:wrap;max-width:85vw}.text-column{align-items:center;gap:.5rem;text-align:center}.project1-image{display:block;margin:0 auto;max-width:90vw;width:100%}.competitor-row,.theme-rectangle-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.challenge-question,.competitor-wrapper,.core-row,.current-state-list,.design-with-intent-list,.designConcept-image,.early-design-column,.experience-drivers-question,.final-design-video,.hifi-wireframe-video,.interviews-with-creatives-list,.key-feedback-title,.lofi-wireframes-image,.prioritization-image,.research-description,.style-guide-image,.themes-wrapper{max-width:85vw}.early-design-image-row{gap:4rem}.early-design-image-row,.empathy-map-image-row{display:flex;flex-direction:column;transition:filter .3s ease}.empathy-map-image-row{gap:1.5rem}.empathy-map-image{max-width:85vw}.prioritization-image-row{display:flex;flex-direction:column;gap:4rem}.prioritization-content-column{display:flex;flex-direction:column;gap:1rem}.prioritization-image{max-width:85vw}.core-row,.square-row{flex-direction:column;gap:1rem}.design-iterate,.role-tool-list,.timeline-list{min-width:0;width:100%}.current-state-list,.design-with-intent-list,.interviews-with-creatives-list{max-width:85vw;text-indent:10px}.current-state-list-item,.design-with-intent-list-item{padding-bottom:1rem}.design-iterations-column{gap:4rem}.reflection-container{padding-bottom:0}.horizontal-line{margin:4rem auto;width:100%}}.square{background-color:#5b5b5b;border-radius:5px;height:auto;padding:1.3rem;width:15vw}.square-column{align-items:center;display:flex;flex-direction:column;gap:.5rem}.square-title{color:#f2f3f4;font-family:Inter;font-size:1.1rem;text-transform:uppercase}.square-description{color:#f0f0f0;font-size:.8rem;font-weight:50;text-align:center}@media screen and (min-width:769px) and (max-width:1495px){.square{width:17vw}}@media screen and (max-width:768px){.square{margin:0 auto;width:85vw}}.rectangle{border:1px solid #fff;border-radius:5px;flex:1 1;height:auto;max-width:100%;padding:2rem;width:100%}.rectangle-header-row{flex-direction:row}.rectangle-column,.rectangle-header-row{align-items:center;display:flex;gap:.5rem}.rectangle-column{flex-direction:column}.rectangle-title{color:#f2f3f4;font-family:Inter;font-size:1rem;text-align:center;text-transform:uppercase}.rectangle-description{color:#979797;font-size:.85rem;text-align:center}.rectangle-icon{align-items:center;display:inline-flex;font-size:25px;height:28px;width:28px}.large-rectangle{border:1px solid #fff;border-radius:5px;flex:1 1;height:auto;max-width:100%;padding:2rem;width:100%}.large-rectangle-column{align-items:center;display:flex;flex-direction:column;gap:1rem}.large-rectangle-title{color:#f2f3f4;font-family:Inter;font-size:1.1rem;text-transform:uppercase}.orange-letter{color:#ffb266}.large-rectangle-description{color:#979797;font-size:.8rem;padding-bottom:1rem;text-align:center}.inner-rectangle{background-color:#f2f3f4;border-radius:5px;height:auto;max-width:100%;padding:2rem;width:100%}.inner-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:150px 1fr}.company-name{color:#000;font-family:Inter;font-size:1.1rem;min-width:150px;text-transform:uppercase}.inner-text{color:#000;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:400}@media screen and (max-width:768px){.inner-row{align-items:center;display:flex;flex-direction:column;gap:1rem}.company-name{max-width:50px}.company-name,.inner-text{color:#000;text-align:center}}.small-rectangle{align-items:center;background-color:#f2f3f4;border-radius:5px;display:flex;flex:1 1;height:auto;justify-content:center;max-width:100%;padding:1rem;width:100%}.small-rectangle-column{align-items:center;display:flex;flex-direction:column;gap:.5rem}.small-rectangle-title{color:#f2f3f4;font-family:Inter;font-size:1.1rem;text-align:center;text-transform:uppercase}.small-rectangle-description{color:#000;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:400;text-align:center}.design-card{border:1px solid #fff;border-radius:5px;flex:1 1;height:auto;max-width:65vw;padding:2.8rem;width:100%}.design-card-column{display:flex;flex-direction:column;gap:.5rem}.design-card-header-column{align-items:flex-start;display:flex;flex-direction:column;gap:2rem}.design-card-number{color:#ffb266;font-size:3rem}.design-card-number,.design-card-title{font-family:Inter;text-transform:uppercase}.design-card-title{color:#f2f3f4;font-size:1.5rem}.design-card-image{border-radius:5px}.problem-solution-cards-row{display:flex;flex-direction:row;gap:2rem}.problem-solution-card{border:1px solid #fff;border-radius:5px;height:auto;padding:2rem;width:100%}.problem-solution-column{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.problem-solution-subtitle{color:#f2f3f4;font-family:Inter;font-size:1.1rem;padding-bottom:1rem;text-transform:uppercase}.problem-solution-text{color:#f0f0f0;font-size:.9rem}@media screen and (min-width:769px) and (max-width:1495px){.design-card{max-width:75vw}}@media screen and (max-width:768px){.design-card{max-width:85vw;padding:1.5rem}.problem-solution-cards-row{align-items:flex-start;display:flex;flex-direction:column;gap:2rem}.problem-solution-card{padding:1.5rem}}.project2-image{display:block;height:auto;max-width:20vw}.p-section-subtitle{color:#f2f3f4;font-family:Inter;font-size:clamp(1.25rem,1.6vw,2rem);font-weight:700;padding-bottom:1rem;text-transform:uppercase}.p-final-design-column{display:flex;flex-direction:column}.final-design-row{align-items:flex-start;display:flex;flex-direction:row;gap:5rem;padding-top:6rem}.p-final-design-video{max-width:20vw;object-fit:contain;padding-bottom:5rem}.section-subtitle-orange{color:#ffb266;font-family:Inter;font-size:clamp(1.25rem,1.6vw,2rem);font-weight:700;padding-bottom:1rem;padding-top:4rem;text-transform:uppercase}.p-square-row{display:flex;flex-direction:row;gap:1rem;padding-top:1rem}.current-state-image-row{display:flex;flex-direction:row;gap:4rem;padding-top:4rem}.current-state-image-label{color:#f2f3f4;font-family:Inter;font-size:clamp(.95rem,.6vw,1.1rem);font-weight:700;text-transform:uppercase}.current-state-image{border-radius:5px;cursor:zoom-in;max-width:40vw;object-fit:cover;width:100%}.current-state-description{padding-top:4rem}.research-question-row{display:flex;flex-direction:row;gap:3rem}.research-question-column{display:flex;flex-direction:column}.research-question-label{color:#f2f3f4;font-family:Inter;font-size:clamp(1rem,3vw,1.5rem);font-weight:500;text-transform:uppercase}.persona-row{display:flex;flex-direction:row;gap:2rem;padding-top:3rem}.persona-circle{align-self:center;aspect-ratio:1/1;background:url(/static/media/Giselle-Persona.0958670add13727765ad.png);background-position:50%;background-size:cover;border-radius:50%;width:15vw}.interview-quote-column{display:flex;flex-direction:column;gap:2rem;padding-bottom:4rem;padding-top:2rem}.interview-quote-circle{align-self:center;aspect-ratio:1/1;background-position:50%;background-size:cover;border-radius:50%;width:8vw}.interview-quote-description{font-size:clamp(.8rem,2vw,1rem);max-width:520px}.findings-list{color:#f0f0f0;list-style:none;max-width:100%;text-indent:20px}.findings-list li:before{color:#f0f0f0;content:"-";margin-right:.5rem}.findings-question{color:#ffb266;font-size:clamp(.95rem,.6vw,1.1rem);max-width:100%;padding-top:2rem}.p-hifi-wireframe-video{margin:0 auto;max-width:20vw;object-fit:contain;padding-bottom:5rem}.design-iterations-content-row{display:flex;flex-direction:row;gap:4rem}.design-iterations-row{align-items:flex-start;display:flex;flex-direction:row;padding-top:2rem}.design-iterations-number{font-size:clamp(1.1rem,20vw,15rem)}.design-iterations-number,.design-iterations-subtitle{color:#f2f3f4;font-family:Inter;font-weight:700;text-transform:uppercase}.design-iterations-subtitle{font-size:clamp(1.25rem,1.6vw,2rem);padding-top:6rem}.design-iterations-inner-row{display:flex;flex-direction:row;gap:3rem}.design-iteration-img{max-width:20vw;object-fit:contain}.design-iteration-card{border:1px solid #fff;border-radius:5px;height:fit-content;max-width:100%;padding:1rem;width:100%}.design-iterations-inner-column{margin-top:5.5rem}.design-iteration-inner-inner-column,.design-iterations-inner-column{display:flex;flex-direction:column;gap:1rem}.design-iterations-subtitle-content{color:#f2f3f4;font-family:Inter;font-size:clamp(1rem,3vw,1.2rem);font-weight:700;text-transform:uppercase}.arrow-before-after{display:flex;flex-direction:row;gap:1rem}.arrow-icon{align-self:center;height:80px;width:80px}@media screen and (max-width:768px){.project2-image{display:block;margin:0 auto;max-width:40vw;width:100%}.final-design-row{flex-direction:column;gap:1rem;padding-top:3rem}.p-final-design-video,.p-hifi-wireframe-video{align-self:center;max-width:40vw;object-fit:contain;padding-bottom:3rem}.current-state-image-row,.design-iterations-content-row,.design-iterations-inner-row,.design-iterations-row,.p-square-row,.persona-row,.research-question-row{flex-direction:column}img,video{max-width:100%}.current-state-image{max-width:85vw}.interview-quote-circle{width:30vw}.interview-quote-column{gap:1rem;padding-bottom:2rem;padding-top:2rem}.research-question-row{gap:1rem}.persona-circle{width:60vw}.persona-row{gap:2rem}.design-iterations-subtitle{padding-top:3rem}.design-iterations-content-row{gap:0}.design-iteration-img{max-width:30vw}.arrow-icon{align-self:center;height:40px;width:40px}.arrow-before-after{gap:0}}.percent-square{background-color:#8b7e74;border-radius:25px;padding:2.2rem;width:100%}.percent-square,.percent-square-row{align-items:center;display:flex;flex-direction:row;gap:1.5rem;justify-content:center}.percent-square-percent{color:#fff;flex-shrink:0;font-family:Inter,sans-serif;font-size:4.5rem;font-weight:500;line-height:1;margin:0}.percent-square-description{color:#fff;font-size:1.05rem;line-height:1.4;margin:0;max-width:250px}.percent-square-image{align-self:center;aspect-ratio:1/1;background-position:50%;border-radius:50%;object-fit:contain}@media screen and (max-width:1024px){.percent-square{max-width:100%}}@media screen and (max-width:600px){.percent-square{align-items:flex-start;flex-direction:column;gap:1rem}.percent-square-percent{font-size:3rem}}.two-final-design-row{align-items:flex-start;display:flex;flex-direction:row;gap:1rem;padding-top:6rem}.p-final-design-row-vids{display:flex;flex-direction:row;gap:1rem;padding-bottom:5rem}.p2-final-design-video{height:40vw;object-fit:cover;width:auto}.video2-border{border-radius:8px}.app-ux-work-column,.current-experience-column,.design-interation-column,.design-principles-column{display:flex;flex-direction:column;gap:1rem}.real-behavior-question{color:#ffb266;font-size:clamp(.95rem,.6vw,1.1rem);max-width:100%;text-indent:2rem}.real-behavior-column{display:flex;flex-direction:column;gap:1rem}.dial-design-iteration-row,.room-design-iteration-row{align-items:flex-start;display:flex;flex-direction:row;gap:3rem}.dial-design-iteration-img{max-width:13vw;object-fit:contain}.dial-design-iteration-description{color:#f0f0f0;font-family:JetBrains Mono,monospace;font-size:clamp(.7rem,.6vw,.8rem);font-weight:400;max-width:100%;padding-bottom:3rem;text-align:center}.dial-design-iteration-column{display:flex;flex-direction:column;gap:.5rem}.hardware-row{display:flex;flex-direction:row;gap:3rem}.rectangle-row{grid-gap:2rem;display:grid;flex-wrap:wrap;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.thanks-row,.thanks-row-img{display:flex;flex-direction:row;gap:3rem}.thanks-column{display:flex;flex-direction:column}.thanks-img{border-radius:5px;max-width:20vw;object-fit:contain}.p2-final-design-column{display:flex;flex-direction:column;gap:2rem}@media screen and (max-width:768px){.two-final-design-row{flex-direction:column;gap:1rem;padding-top:3rem}.p2-final-design-video{align-self:center;height:70vw;object-fit:contain}.p-final-design-row-vids{padding-bottom:3rem}.dial-design-iteration-row,.hardware-row{flex-direction:column;gap:1rem}.design-iteration-img,.dial-design-iteration-img,.thanks-img{align-self:center;max-width:40vw}.room-design-iteration-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.thanks-row{display:flex;flex-direction:column}.p2-final-design-column,.thanks-row-img{gap:1rem}}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#000;border:1.5px solid #fff;border-radius:10px;overflow:hidden;padding:4rem;position:relative}.card-spotlight:before{background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),#0000 80%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .5s ease}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.6}@media (max-width:768px){.card-spotlight{padding:2.2rem}}.footer{background-color:#000;color:#fff;padding-left:180px}.main-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:2rem;max-width:1120px;padding:2rem}.column-left,.message-column{display:flex;flex:1 1 400px;flex-direction:column;gap:2rem}.message-content,.q-cube,.s-cube{box-sizing:border-box;width:100%}.q-title,.s-title{font-family:Inter;font-size:5rem}.inital-subtitle{color:#888;font-family:Inter;font-size:1rem;padding-bottom:.5rem;padding-top:.8rem}.inital-email{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800;text-transform:uppercase}.link-list{display:flex;gap:2rem}.link-list a{color:#fff;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.github-button,.linkedin-button,.resume-button{color:#000}.resume-button:hover{color:#ffb266}.linkedin-button:hover{color:#0a66c2}.github-button:hover{color:#08872b}.message-content{align-items:center;display:flex;flex:1 1;justify-content:center}.message-inner{max-width:600px;width:100%}.contact-form,.message-inner{display:flex;flex-direction:column}.message-title{color:#fff;font-family:Inter;font-size:2rem;margin-bottom:.5rem;text-transform:uppercase}.message-description{color:#b9b9b9;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:400;margin-bottom:1.5rem;max-width:600px}.message-email,.message-msg,.message-name{background:none;border-radius:5px;font-size:.8rem;margin-bottom:1rem;max-width:600px;padding:1rem;width:100%}::placeholder,input,textarea{color:#fff;font-family:JetBrains Mono,monospace;font-weight:400;text-transform:uppercase}input,textarea{background:#000;border:1px solid #fff;outline:none}.submit-container{text-align:center}.message-submit{background-color:#fff;border:1px solid #fff;border-radius:5px;color:#000;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800;padding:.5rem 4rem;text-transform:uppercase;transition:background-color .3s ease}.message-submit:hover{background-color:#ffb266}.cutoff-wrapper{height:8.3rem}.connect-bottom,.cutoff-wrapper{overflow:hidden;position:relative}.connect-bottom{font-family:Inter;font-size:16vw;line-height:1;text-transform:uppercase}@media (max-width:1024px){.footer{padding-top:10rem}.main-row{flex-direction:row}.message-inner{max-width:100%}.message-description,.message-title{text-align:center}.message-submit{width:100%}.cutoff-wrapper{height:8rem}.connect-bottom,.cutoff-wrapper{overflow:hidden;position:relative}.connect-bottom{font-size:clamp(9rem,15vw,14rem);line-height:1}}@media (max-width:768px){.footer{padding-left:0;padding-top:10rem}.main-row{flex-direction:column;padding:2rem 1rem}.column-left,.message-column{flex:initial;width:100%}.q-title,.s-title{font-size:3rem;padding-bottom:1rem;text-align:left}.inital-email,.inital-subtitle{font-size:.8rem;padding-bottom:.2rem;text-align:left}.link-list{align-items:flex-start;flex-direction:row;gap:1rem}.link-list a{font-size:.8rem}.message-inner{max-width:100%}.message-title{font-size:2rem;text-align:center}.message-description{font-size:.8rem;text-align:center}.message-email,.message-msg,.message-name{font-size:.8rem}.message-submit{width:100%}.cutoff-wrapper{height:0}.connect-bottom{display:none}}body,html{background-color:#000;color:#fff;font-family:JetBrainsMono-Regular,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth;width:100%}*,:after,:before{box-sizing:border-box}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}
/*# sourceMappingURL=main.6ee34f9b.css.map*/