@charset "UTF-8";.work-page{margin:0 auto;padding:0 1rem;max-width:1280px}@media (min-width: 768px){.work-page{padding:0 2rem}}@media (min-width: 1024px){.work-page{padding:0 3rem}}.work-page__section{max-width:100%;margin-bottom:3rem}@media (min-width: 768px){.work-page__section{margin-bottom:4rem}}@media (min-width: 1024px){.work-page__section{margin-bottom:5rem}}.work-page__section--hero{margin:2rem auto 3rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem}@media (min-width: 768px){.work-page__section--hero{flex-direction:row;gap:1.5rem;margin:2rem auto 4rem}}@media (min-width: 1024px){.work-page__section--hero{gap:0;margin:2rem auto 5rem}}.work-page__section--design{display:flex;flex-direction:column;align-items:stretch;margin:0 auto}.work-page__section--gallery{margin-bottom:3rem}@media (min-width: 768px){.work-page__section--gallery{margin-bottom:4rem}}@media (min-width: 1024px){.work-page__section--gallery{margin-bottom:5rem}}.work-page__section--journey{margin-bottom:2rem}@media (min-width: 768px){.work-page__section--journey{margin-bottom:3rem}}@media (min-width: 1024px){.work-page__section--journey{margin-bottom:4rem}}.work-page__intro{display:flex;flex-direction:column;max-width:100%;color:#fff;flex:1}@media (min-width: 768px){.work-page__intro{max-width:50%}}@media (min-width: 1024px){.work-page__intro{max-width:45%}}.work-page__title{font-family:Sail,system-ui;font-size:4rem;line-height:4rem;color:#fff;margin-bottom:2rem;text-align:center}@media (min-width: 768px){.work-page__title{font-size:6rem;line-height:6rem;margin-bottom:2.25rem;text-align:left}}@media (min-width: 1024px){.work-page__title{font-size:9rem;line-height:9rem;margin-bottom:2.5rem}}.work-page__summary-long{font-family:Signika,sans-serif;font-size:.875rem;color:#fff;margin-bottom:1.5rem}@media (min-width: 768px){.work-page__summary-long{font-size:.9375rem;margin-bottom:1.75rem}}@media (min-width: 1024px){.work-page__summary-long{font-size:1rem;margin-bottom:2rem}}.work-page__description{font-family:Signika,sans-serif;font-size:1.25rem;line-height:1.5rem;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.2);margin-bottom:1.25rem}@media (min-width: 768px){.work-page__description{font-size:1.375rem;line-height:1.6rem;margin-bottom:1.375rem}}@media (min-width: 1024px){.work-page__description{font-size:1.5625rem;line-height:1.8rem;margin-bottom:1.5rem}}.work-page__link{font-family:Signika,sans-serif;font-size:1.25rem;line-height:1.5rem;font-style:italic;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.2);margin-bottom:1.25rem}@media (min-width: 768px){.work-page__link{font-size:1.375rem;line-height:1.6rem;margin-bottom:1.375rem}}@media (min-width: 1024px){.work-page__link{font-size:1.5625rem;line-height:1.8rem;margin-bottom:1.5rem}}.work-page__hero-image{flex:1 1 100%;max-width:100%;width:100%;height:auto;object-fit:contain;display:block}@media (min-width: 768px){.work-page__hero-image{flex:1 1 45%;max-width:350px}}@media (min-width: 1024px){.work-page__hero-image{flex:1 1 45%;max-width:400px}}.work-page__heading{margin:2rem 0;font-family:Signika,sans-serif;font-size:2.5rem;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.2);text-align:center}@media (min-width: 768px){.work-page__heading{font-size:3rem;text-align:left}}@media (min-width: 1024px){.work-page__heading{font-size:3.5rem;text-align:left}}.work-page__case-grid{display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between}@media (min-width: 768px){.work-page__case-grid{flex-direction:row;flex-wrap:wrap;gap:2rem}}@media (min-width: 1024px){.work-page__case-grid{gap:2.5rem}}.work-page__case{display:flex;flex-direction:column;flex:1 1 100%}@media (min-width: 768px){.work-page__case{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media (min-width: 1024px){.work-page__case{flex:1 1 calc(25% - 2.5rem);max-width:calc(25% - 2.5rem)}}.work-page__decision-table{width:100%;border-collapse:collapse;margin-top:2rem;table-layout:fixed;font-size:.875rem}@media (min-width: 768px){.work-page__decision-table{font-size:.9375rem}}@media (min-width: 1024px){.work-page__decision-table{font-size:1rem}}.work-page__decision-header{text-align:left;font-family:Signika,sans-serif;font-size:1.25rem;color:#fff;white-space:nowrap;text-shadow:0 0 8px rgba(255,255,255,.2);padding:.75rem 0;border-bottom:2px solid #ccc}@media (min-width: 768px){.work-page__decision-header{font-size:1.375rem}}@media (min-width: 1024px){.work-page__decision-header{font-size:1.5625rem}}.work-page__decision-row{border-bottom:1px solid #eee}.work-page__decision-cell{padding:.75rem 0;vertical-align:top;word-wrap:break-word;font-family:Signika,sans-serif;font-size:.875rem;color:#fff}@media (min-width: 768px){.work-page__decision-cell{font-size:.9375rem}}@media (min-width: 1024px){.work-page__decision-cell{font-size:1rem}}.work-page__decision-title{font-family:Signika,sans-serif;font-size:1.25rem;color:#fff;white-space:nowrap;text-shadow:0 0 8px rgba(255,255,255,.2);margin:1rem 0;text-align:left}@media (min-width: 768px){.work-page__decision-title{font-size:1.375rem;white-space:nowrap}}@media (min-width: 1024px){.work-page__decision-title{font-size:1.25rem;white-space:nowrap}}.work-page__decision-text,.work-page__decision-item{list-style:none;padding:.5rem 0;white-space:nowrap}.work-page__study-text,.work-page__study-item{font-family:Signika,sans-serif;font-size:.875rem;color:#fff}@media (min-width: 768px){.work-page__study-text,.work-page__study-item{font-size:.9375rem}}@media (min-width: 1024px){.work-page__study-text,.work-page__study-item{font-size:1rem}}.work-page__study-item:first-child{font-family:Signika,sans-serif;font-size:.875rem;color:#fff;list-style:none;margin-bottom:.5rem}@media (min-width: 768px){.work-page__study-item:first-child{font-size:.9375rem}}@media (min-width: 1024px){.work-page__study-item:first-child{font-size:1rem}}.work-page__carousel{margin:2rem auto;max-width:100%;overflow:hidden;position:relative}.work-page__carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;padding:0;border-radius:50%;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;line-height:0;-webkit-appearance:button;vertical-align:middle;text-align:center;white-space:normal;overflow:hidden;z-index:10}@media (min-width: 480px){.work-page__carousel-button{font-size:1.75rem;width:3.25rem;height:3.25rem}}@media (min-width: 768px){.work-page__carousel-button{font-size:2rem;width:3.75rem;height:3.75rem}}@media (min-width: 1024px){.work-page__carousel-button{font-size:2.25rem;width:4.25rem;height:4.25rem}}.work-page__carousel-button:hover{background-color:#fff3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.work-page__carousel-button:active{background-color:#ffffff4d;transform:translateY(-50%) scale(.95)}.work-page__carousel-button:first-child{left:1rem}.work-page__carousel-button:last-child{right:1rem}.work-page__carousel-button svg{width:1em;height:1em;display:block}.work-page__carousel-track{display:flex;transition:transform .5s ease-in-out;width:fit-content}.work-page__carousel-slide{min-width:100%;height:100%;flex-shrink:0 0 100%;display:flex;justify-content:flex-start;align-items:center}.work-page__gallery-image{max-height:20rem;max-width:100%;object-fit:contain;display:block}@media (min-width: 768px){.work-page__gallery-image{max-height:25rem}}@media (min-width: 1024px){.work-page__gallery-image{max-height:31.6133rem}}.work-page__gallery-images{max-height:20rem;max-width:100%;object-fit:contain;display:block}@media (min-width: 768px){.work-page__gallery-images{max-height:25rem}}@media (min-width: 1024px){.work-page__gallery-images{max-height:31.6133rem}}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.image-modal__content{position:relative;max-width:90%;max-height:90%;display:flex;justify-content:center;align-items:center;animation:scaleIn .3s ease-out}@media (min-width: 1024px){.image-modal__content{max-width:80%;max-height:80%}}.image-modal__close{position:absolute;top:-3.5rem;right:0;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;padding:.5rem;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.image-modal__close{top:-4rem;font-size:1.75rem;width:3rem;height:3rem;padding:.75rem}}@media (min-width: 768px){.image-modal__close{top:-4.5rem;font-size:2rem;width:3.5rem;height:3.5rem;padding:1rem}}@media (min-width: 1024px){.image-modal__close{top:-5rem;font-size:2.25rem;width:4rem;height:4rem;padding:1.25rem}}.image-modal__close:hover{background-color:#fff3;border-color:#ffffff80;transform:scale(1.1)}.image-modal__close:active{background-color:#ffffff4d;transform:scale(.95)}.image-modal__nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:2rem;font-weight:700;cursor:pointer;padding:0;border-radius:50%;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;line-height:1;-webkit-appearance:button;vertical-align:middle;text-align:center;white-space:normal;overflow:hidden}@media (min-width: 480px){.image-modal__nav{font-size:2.5rem;width:4rem;height:4rem}}@media (min-width: 768px){.image-modal__nav{font-size:3rem;width:5rem;height:5rem}}@media (min-width: 1024px){.image-modal__nav{font-size:3.5rem;width:6rem;height:6rem}}.image-modal__nav:hover{background-color:#fff3;border-color:#ffffff80}@media (min-width: 768px){.image-modal__nav:hover{transform:translateY(-50%) scale(1.1)}}.image-modal__nav:active{background-color:#ffffff4d}@media (min-width: 768px){.image-modal__nav:active{transform:translateY(-50%) scale(.95)}}.image-modal__nav--prev{left:-4rem}@media (min-width: 480px){.image-modal__nav--prev{left:-5rem}}@media (min-width: 768px){.image-modal__nav--prev{left:-6rem}}@media (min-width: 1024px){.image-modal__nav--prev{left:-7rem}}@media (max-width: 767px){.image-modal__nav--prev{left:1rem;top:auto;bottom:-3rem;transform:none;width:2.5rem;height:2.5rem;font-size:1.25rem}}.image-modal__nav--next{right:-4rem}@media (min-width: 480px){.image-modal__nav--next{right:-5rem}}@media (min-width: 768px){.image-modal__nav--next{right:-6rem}}@media (min-width: 1024px){.image-modal__nav--next{right:-7rem}}@media (max-width: 767px){.image-modal__nav--next{right:1rem;top:auto;bottom:-3rem;transform:none;width:2.5rem;height:2.5rem;font-size:1.25rem}}.image-modal svg{width:1em;height:1em;display:block}.image-modal__counter{position:absolute;bottom:-3rem;left:50%;transform:translate(-50%);color:#fffc;font-size:1rem;font-family:Signika,sans-serif;text-align:center;background:#00000080;padding:.5rem 1rem;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 480px){.image-modal__counter{font-size:1.125rem;bottom:-3.5rem;padding:.75rem 1.25rem}}@media (min-width: 768px){.image-modal__counter{font-size:1.25rem;bottom:-4rem;padding:1rem 1.5rem}}@media (min-width: 1024px){.image-modal__counter{font-size:1.375rem;bottom:-4.5rem;padding:1.25rem 1.75rem}}@media (max-width: 767px){.image-modal__counter{bottom:-3rem;left:50%;transform:translate(-50%);font-size:.875rem;padding:.5rem 1rem}}.image-modal__image{max-width:90%;max-height:90%;object-fit:contain;border-radius:.5rem;box-shadow:0 0 20px #00000080;cursor:default;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.image-modal__image{max-width:85%;max-height:80%}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.work-page__gallery-image,.work-page__gallery-images{transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.work-page__gallery-image:hover,.work-page__gallery-images:hover{transform:scale(1.02);box-shadow:0 0 15px #ffffff4d}.work-page__gallery-image:active,.work-page__gallery-images:active{transform:scale(.98)}@media (hover: none) and (pointer: coarse){.work-page__hero-image:hover,.work-page__gallery-image:hover,.work-page__gallery-images:hover{transform:none;box-shadow:none}.work-page__hero-image:active,.work-page__gallery-image:active,.work-page__gallery-images:active{transform:scale(.95);opacity:.8}.image-modal:before{content:"Tap outside to close • Swipe or use arrows to navigate";position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.875rem;font-family:Signika,sans-serif;text-align:center;pointer-events:none;animation:fadeInOut 3s ease-in-out infinite;max-width:90%;line-height:1.4}}@media (hover: none) and (pointer: coarse) and (min-width: 768px){.image-modal:before{font-size:1rem;bottom:3rem}}@media (hover: none) and (pointer: coarse) and (min-width: 1024px){.image-modal:before{display:none}}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:.8}}.work__grid-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;flex:1 1 100%;max-width:100%;max-height:350px;min-height:200px;color:#fff;box-shadow:0 0 8px #fff3;text-decoration:none;transition:all .3s ease}@media (min-width: 480px){.work__grid-item{max-height:400px;min-height:250px}}@media (min-width: 768px){.work__grid-item{flex:1 1 calc(50% - .75rem);max-width:calc(50% - .75rem);max-height:450px;min-height:300px}}@media (min-width: 1024px){.work__grid-item{flex:1 1 calc(33.333% - 1.5rem);max-width:calc(33.333% - 1.5rem);max-height:500px;min-height:350px}}.work__grid-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1;opacity:0;transition:opacity .5s ease-in-out}.work__grid-item:hover{background-image:var(--bg-image);background-repeat:no-repeat;background-position:center;background-size:cover;cursor:pointer}.work__grid-item:hover:before{opacity:1}.work__grid-item--spacer{cursor:none;pointer-events:none}.work__card-button{width:90%;margin:0 auto}@media (min-width: 480px){.work__card-button{width:80%}}@media (min-width: 768px){.work__card-button{width:60%}}@media (min-width: 1024px){.work__card-button{width:50%}}.work__card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;position:relative;z-index:2}@media (min-width: 480px){.work__card{padding:1.5rem}}@media (min-width: 768px){.work__card{padding:1.75rem}}@media (min-width: 1024px){.work__card{padding:2rem}}.header{padding:.75rem;transition:padding .3s ease}@media (min-width: 480px){.header{padding:1rem}}@media (min-width: 768px){.header{padding:1.5rem}}@media (min-width: 1024px){.header{padding:2rem}}.header__title a{font-family:Signika,sans-serif;font-size:1.125rem;line-height:1.4rem;color:#fff!important;text-decoration:none;transition:font-size .3s ease}@media (min-width: 480px){.header__title a{font-size:1.25rem;line-height:1.5rem}}@media (min-width: 768px){.header__title a{font-size:1.375rem;line-height:1.6rem}}@media (min-width: 1024px){.header__title a{font-size:1.5625rem;line-height:1.8rem}}main{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){main{padding:0 2rem}}@media (min-width: 1024px){main{padding:0}}body{background-color:#282626}*{margin:0;padding:0;box-sizing:border-box}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero{margin-top:1rem;display:flex;flex-direction:column;position:relative;overflow:hidden;width:100%;max-height:100vh}@media (min-width: 768px){.hero{flex-direction:row}}.hero__logo{position:absolute;top:50%;left:50%;width:250px;height:250px;transform:translate(-50%,-50%);z-index:1;pointer-events:none;animation:fadeIn 1.5s ease forwards;animation-delay:1s;opacity:0}@media (min-width: 480px){.hero__logo{width:300px;height:300px}}@media (min-width: 768px){.hero__logo{width:400px;height:400px}}@media (min-width: 1024px){.hero__logo{width:500px;height:500px}}.hero__left-content{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;margin:1rem}@media (min-width: 768px){.hero__left-content{justify-content:flex-end;margin-left:2rem}}.hero__left{background-color:#282626;flex:1;display:flex;justify-content:center;align-items:center;position:relative;padding:40px 1rem}@media (min-width: 480px){.hero__left{padding:60px 1rem}}@media (min-width: 768px){.hero__left{padding:80px 0}}@media (min-width: 1024px){.hero__left{padding:110px 0}}.hero__left--title{font-family:Sail,system-ui;font-size:3rem;line-height:3rem;color:#fff;animation:slideInLeft 1s ease forwards;animation-delay:.3s;opacity:0;text-align:center}@media (min-width: 480px){.hero__left--title{font-size:4rem;line-height:4rem}}@media (min-width: 768px){.hero__left--title{font-size:6rem;line-height:6rem;text-align:left}}@media (min-width: 1024px){.hero__left--title{font-size:9rem;line-height:9rem}}.hero__left--subtitle{font-family:Signika,sans-serif;font-size:1rem;font-style:italic;color:#fff;white-space:nowrap;text-shadow:0 0 8px rgba(255,255,255,.2);animation:slideInLeft 1s ease forwards;animation-delay:.6s;opacity:0;text-align:center}@media (min-width: 480px){.hero__left--subtitle{font-size:1.125rem}}@media (min-width: 768px){.hero__left--subtitle{font-size:1.25rem;text-align:left}}@media (min-width: 1024px){.hero__left--subtitle{font-size:1.5625rem}}.hero__left--text{font-family:Signika,sans-serif;font-style:italic;color:#fff;white-space:nowrap;justify-self:center;align-self:flex-end;margin:1rem auto 0;text-align:center;font-size:.875rem}@media (min-width: 480px){.hero__left--text{font-size:1rem}}@media (min-width: 768px){.hero__left--text{margin-left:200px;margin-top:30px;text-align:left;font-size:1rem}}@media (min-width: 1024px){.hero__left--text{margin-left:300px;margin-top:50px;font-size:1rem}}.hero__right{background-color:#fff;flex:1;justify-content:center;align-items:center;z-index:0;position:relative;animation:slideInRight 1s ease forwards;animation-delay:.8s;opacity:0;min-height:250px}@media (min-width: 480px){.hero__right{min-height:300px}}@media (min-width: 768px){.hero__right{min-height:400px}}@media (min-width: 1024px){.hero__right{min-height:auto}}.work{background-color:#282626;margin:0 auto;width:100%;display:flex;flex-direction:column}.work__heading{margin-top:2rem;font-family:Signika,sans-serif;font-size:2rem;color:#fff;text-align:center;text-shadow:0 0 8px rgba(255,255,255,.2);padding:0 1rem}@media (min-width: 480px){.work__heading{font-size:2.5rem}}@media (min-width: 768px){.work__heading{font-size:3rem;padding:0 2rem}}@media (min-width: 1024px){.work__heading{font-size:3.5rem;padding:0}}.work__grid{width:100%;padding:.75rem;display:flex;justify-content:center;flex-wrap:wrap;overflow:hidden;gap:.5rem;margin:1rem auto}@media (min-width: 480px){.work__grid{padding:1rem;gap:.75rem}}@media (min-width: 768px){.work__grid{padding:1.5rem;gap:1rem}}@media (min-width: 1024px){.work__grid{padding:2rem;gap:1rem}}