html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:calc(100vw / 1440* 10);--header-height: 8.4rem;--gap: 2.8rem;--soft: #f9ecdf;--color: #5D3136;--bg: #FFE3C7;--black: #010101;--white: white;--serif: "Space Grotesk", sans-serif;--sans: "Pathway Gothic One", sans-serif}body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;font-family:var(--serif);background:#ffe3c7;background:#5d3136;background:#220508;position:relative;color:var(--color)}*{line-height:100%;box-sizing:border-box}button{border:none;background:transparent;color:inherit}img{width:100%;height:100%;object-fit:cover}a.logo-main{position:fixed;z-index:10;left:2rem;top:2rem;width:4rem;border-radius:.4rem;overflow:hidden;border:1px solid var(--bg)}.logo-main rect{transition:fill .2s ease-in-out}.logo-main:hover rect{fill:#010101}@media only screen and (max-width: 579px){a.logo-main{width:40px;border-radius:1.7rem}}canvas#sketch{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:2}.composition{width:100vw;height:100vh;position:relative;background:var(--bg);will-change:transform;position:fixed;left:0;top:0;z-index:1;display:none}.composition-about{z-index:4}.composition-about .composition__content{flex-direction:row-reverse;border-top:1px solid var(--color)}.composition__holder{width:100%;height:100vh;display:flex;flex-direction:column;padding:10px;box-sizing:border-box}ul.composition__header{display:grid;grid-template-columns:repeat(4,1fr)}.composition__title h1{font-family:Archivo Black,sans-serif;font-size:11vw;line-height:80%;margin:0;width:100%}.composition__title h1{display:flex;width:100%;justify-content:space-between}.composition__content{border-top:1px solid var(--color);display:flex;height:100%}.composition__content__media{height:100%;min-width:40vw;margin-top:1rem;height:calc(100vh - 20.9rem)}.composition__content__text{padding:5vw 9vw;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.composition__subtitle{font-size:3vw;font-weight:300;text-indent:10vw}p.composition__parag{width:70%;font-size:2.2rem;line-height:140%}button.trg{background:transparent;border:1px solid var(--color);border-radius:50px;width:19.8vw;padding:1vw;cursor:pointer;transition:all .2s ease-out}button.trg:hover{background:var(--color);color:var(--bg)}.composition__header li{text-align:right}li.article-title{text-align:left}li.info{display:flex;flex-direction:column;gap:.1vw;text-align:right}li.vw{text-align:right}.composition__title{margin:2rem 0 0}.composition__content__text{padding:3.1vw 9vw}.transition{display:none;width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:2;pointer-events:none}.transition>*{width:100%;height:100%;position:absolute;left:0;top:0}.transition__fader{background:#000000bf;will-change:opacity}.transition__wipe{background:var(--color);will-change:transform}