*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *,input[type=checkbox])){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;max-width:calc(100% - 2rem);margin:0 auto}*{font-family:Aileron;font-display:swap}button:focus-visible,a:focus-visible{outline:2px dashed black;outline-offset:-2px}.home{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-grow:1}body:has(.home){display:flex;flex-direction:column;min-height:100vh}.home__text-container p{grid-column:9 / 12;padding-bottom:3rem;text-transform:uppercase}.home__projects{transition:transform .1s ease;max-width:100%;overflow-x:hidden;padding:2rem 0}.home__swiper{width:100%;overflow:visible}@media (max-width:809px){.home__text-container p{grid-column:span 12}}.project-photo__back{font-weight:700;line-height:normal;text-transform:uppercase;display:flex;gap:.5rem;position:fixed;left:1rem;top:1rem}.project-photo__back:before{content:"←";font-weight:700}.project-photo__name{font-size:48px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;margin-bottom:4rem}.project-photo__customer{font-family:Aileron;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.project-photo__description{font-size:16px;font-weight:400;text-transform:uppercase;grid-column:9 / 13;display:flex;flex-direction:column;justify-content:space-between;position:relative}.project-photo__description div{position:sticky;top:6rem}.project-photo ul{padding-top:6rem;padding-bottom:6rem;grid-column:4 / 8;display:flex;flex-direction:column;gap:1rem}.project-photo img{width:100%;height:auto}@media (max-width:809px){.project-photo__description{grid-column:span 12;grid-row:1/1;padding-top:2rem}.project-photo ul{grid-column:span 12;padding-top:0}.project-photo__back{background-color:#fff;position:static;padding-left:1rem;padding-top:1rem}}.project-video__video{width:100%;height:100vh;background-color:#000;transition:filter .5s ease}.project-video__video.project-video__fullscreen{object-fit:cover}.project-video__back{left:1rem}.project-video__back,.project-video__details{position:fixed;top:1rem;display:flex;gap:.5rem;font-size:16px;font-weight:700;text-transform:uppercase;z-index:2;mix-blend-mode:difference;color:#fff}.project-video__details{right:1rem}.project-video__back:before{content:"←"}.project-video__article{height:100vh}.project-video__article{grid-column:2 / 7;padding-top:6rem;padding-bottom:6rem}.project-video__article{display:flex;flex-direction:column;min-height:100vh}.project-video__article h1{font-size:48px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;margin-bottom:4rem}.project-video__customer{font-family:Aileron;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.project-video__description{font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;flex-grow:1}.project-video__wrapper{position:relative}[data-control=progress]{height:5px;background-color:#888;width:200px;cursor:pointer}[data-control=progress] span{transition:width 1s ease;display:block;width:var(--progress);height:5px;background-color:#fff}[data-audio=false] [data-control=audio] span:before{width:100%}[data-control=audio] span:before{content:"";width:0px;height:2px;background-color:#fff;display:block;position:absolute;left:0;transition:width .5s ease;top:50%;transform:translateY(-50%)}.project-video__buttons{opacity:0;padding:1rem;position:absolute;color:#fff;display:flex;align-items:center;left:50%;gap:1rem;transform:translate(-50%);bottom:3rem;-webkit-user-select:none;user-select:none;text-transform:uppercase}.project-video__buttons [data-control=pause],.project-video__buttons [data-control=audio]{cursor:pointer;text-align:center;width:65px;padding:.5rem;transition:background .3s ease,color .3s ease}.project-video__buttons [data-control=pause] span,.project-video__buttons [data-control=audio] span{position:relative}.project-video__buttons [data-control=pause]:hover,.project-video__buttons [data-control=audio]:hover{background-color:#fff;color:#000}.project-video__buttons.hide{opacity:0}.project-video__credits h2{font-size:24px;font-weight:700;text-transform:uppercase;padding-bottom:.5rem}.project-video__credits ul{display:flex;flex-direction:column;gap:.5rem}.project-video__credits li{display:flex;justify-content:space-between;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase}.project-video__gallery{padding-top:6rem;height:100vh;padding-bottom:6rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:1rem;grid-column:8 / 12}.project-video__gallery img{width:100%;height:100%;object-fit:cover}.project-video__gallery a:nth-of-type(1){grid-column:span 2;grid-row:span 3}.project-video__gallery a:nth-of-type(2){grid-column:3 / 5;grid-row:1 / 3}.project-video__gallery a:nth-of-type(3){grid-column:3 / 5;grid-row:3 / 4}.project-video__gallery a:nth-of-type(4){grid-column:1 / 2;grid-row:4 / 6}.project-video__gallery a:nth-of-type(5){grid-column:2 / 5;grid-row:4 / 6}@media (max-width:1200px){.project-video__video.project-video__fullscreen{object-fit:contain}}@media (max-width: 1000px){.project-video__gallery,.project-video__article{grid-column:span 12}.project-video__gallery{padding-top:0}.project-video__article{padding-bottom:1rem;min-height:0;height:auto}.project-video__description{padding-top:2rem;padding-bottom:2rem}}.about{padding-top:4rem;padding-bottom:12rem}.about__article{grid-column:3 / 8}.about__title{display:flex;flex-direction:column;margin:1rem 0}.about__title img{width:100px;margin-bottom:1rem}.about__title-name{font-size:64px;font-weight:900;text-transform:uppercase}.about__title-business{font-size:24px;font-weight:600;text-transform:uppercase}.about__text{font-size:16px;font-weight:400}.about__images{margin:1rem 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.about__images img:nth-of-type(1){grid-column:span 3}.about__images img:nth-of-type(2){grid-column:span 2}.about__images img{width:100%;height:250px;object-fit:cover}.about__text+.about__text{margin-top:1rem}.about__text:last-of-type{margin-bottom:3rem}.about__signature{font-size:12px;margin-top:3rem;display:block;opacity:.5}.about__signature a{text-decoration:underline}@media (max-width: 1200px){.about__article{grid-column:2 / 10}}@media (max-width:809px){.about__article{grid-column:span 12}}.error{min-height:100vh;display:flex;gap:1rem;flex-direction:column;max-width:clamp(0px,100% - 2rem,800px);margin:0 auto;justify-content:center}.error img{width:100px}.error h1{font-size:2rem;font-weight:700;text-transform:uppercase}.error a{text-decoration:underline}.error a:hover{text-decoration-style:dashed}.navigation{padding-top:.75rem;width:100%}.navigation__quantity{grid-column-start:9}.navigation button,.navigation__about{cursor:pointer;transition:opacity .3s ease}.navigation button:not(.active):hover,.navigation__about:hover{opacity:.3}.navigation ul:has(button.active) button:not(.active){opacity:.3}.navigation__about{grid-column-start:12;text-align:right}.navigation ul{display:flex;flex-direction:column}.navigation ul button{display:block;padding:.125rem 0}.navigation{font-family:Aileron;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;align-items:start}@media (max-width:1200px){.navigation__quantity,.navigation__type{grid-column:span 2}.navigation__about{grid-column:11/13}}@media (max-width:809px){.navigation{display:flex}.navigation__type{flex-grow:1}}.about-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.about-list.about-list--is-text ul{display:block}.about-list.about-list--is-text ul li{display:inline-block}.about-list.about-list--is-text ul li:not(:last-child):after{content:","}.about-list h2{grid-column:span 3;font-size:12px}.about-list ul{grid-column:span 2;color:#000;display:flex;gap:.25rem;flex-direction:column;font-size:12px;font-weight:700}.about-list a{text-decoration:underline}.about-list a:hover{text-decoration-style:dashed}.project-card{position:relative;padding-top:1rem;padding-bottom:1rem}.project-card img{width:100%;object-fit:cover;height:auto;aspect-ratio:3/4;background-color:#000}.project-card .project-card__title{text-transform:uppercase;transform:translateY(-2rem);z-index:-1;text-align:end;transition:transform .3s ease;position:relative}.project-card .project-card__customer{display:block;text-transform:uppercase;transform:translateY(2rem);z-index:-1;transition:transform .3s ease;position:relative}.project-card a{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.project-card:has(a:focus-within) .project-card__title{transform:translateY(-.5rem)}@media (hover: hover){.project-card:hover .project-card__title{transform:translateY(.5rem)}.project-card:hover .project-card__customer{transform:translateY(-.5rem)}}@media (max-width:809px){.swiper-slide-active .project-card .project-card__title{transform:translateY(.5rem)}.swiper-slide-active .project-card .project-card__customer{transform:translateY(-.5rem)}}.loader{position:fixed;left:0;top:0;background:#fff;width:100%;height:100%;z-index:10}html{scroll-behavior:smooth}body{background-color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
