:root{--primary-100: #c21d03;--primary-200: #fd5732;--primary-300: #ffb787;--accent-100: #393939;--accent-200: #bebebe;--text-100: #232121;--text-200: #4b4848;--bg-100: #fbfbfb;--bg-200: #f1f1f1;--bg-300: #c8c8c8;--primary-100-opa: 194, 29, 3;--primary-200-opa: 253, 87, 50;--primary-300-opa: 255, 183, 135;--accent-100-opa: 57, 57, 57;--accent-200-opa: 190, 190, 190;--text-100-opa: 35, 33, 33;--text-200-opa: 75, 72, 72;--bg-100-opa: 251, 251, 251;--bg-200-opa: 241, 241, 241;--bg-300-opa: 200, 200, 200}.loading-screen{position:fixed;z-index:100;height:100%;width:100%;background:var(--bg-300);display:grid;place-content:center;transition:transform 1s ease-in-out}.loading-screen svg{scale:2;animation:growRing 1.5s ease-in-out infinite}@keyframes growRing{0%{transform:scale(1.5)}50%{transform:scale(2.2)}to{transform:scale(1.5)}}.hide-loader{transform:translateY(-100%)}@font-face{font-family:Geist;src:url(/font/Geist-Light.woff2) format("woff2");font-weight:300}@font-face{font-family:Geist;src:url(/font/Geist-Bold.woff2) format("woff2");font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;background-image:url(/bg.svg);background-color:var(--accent-100);font-family:Geist,sans-serif;height:100dvh;color:var(--bg-100)}a{text-decoration:none;color:#000}.webgl{position:fixed;bottom:0;left:0;outline:none;z-index:0;pointer-events:none}.mask{overflow:hidden}.layout-ws{width:100%;box-sizing:border-box;padding:clamp(16px,5%,100px)}header{position:absolute;display:flex;z-index:10;justify-content:space-between;font-weight:700}header a.logo{font-size:1.3rem;color:var(--bg-300)}header a.collection{display:flex;align-content:center;gap:.5em;color:#fff}.hero{height:100vh}main .left{align-self:last baseline;flex:1;height:90vh;display:flex}main .left h1{font-size:clamp(3rem,7vw,11rem);align-self:last baseline;font-weight:300;margin:0}main #gui{position:absolute;top:2px;left:2px}main .right{height:100vh;flex:.65;display:none;position:relative;pointer-events:none;overflow:hidden}main .right video{position:absolute;top:0;right:0;width:100%;height:100%;object-fit:cover;min-width:100%;min-height:100%;opacity:1}main .right .vid-overlay{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;opacity:.5;background:var(--primary-100)}.primary-h1 span{position:relative;top:-200px}section{height:100vh}.detail-header{display:flex;justify-content:space-between;align-items:flex-start}.detail-header button{margin-top:12px;background:none;color:var(--bg-200);text-decoration:underline;border:none;font-weight:700;font-size:1.6rem;letter-spacing:4px;cursor:pointer;transition:all .3s}.detail-header button .mask{text-align:end;height:30px}.detail-header button:hover{color:var(--primary-100)}.cards{padding-top:24px;padding-bottom:80px;display:grid;grid-template-areas:"card1 card2" "card3 card3";gap:10px;max-width:800px;margin:0 auto}.cards .card{position:relative;overflow:hidden;background:#000;border-radius:24px}.cards .card img{width:100%;aspect-ratio:3/5;object-fit:cover}.cards .card1{grid-area:card1}.cards .card2{grid-area:card2}.cards .card3{grid-area:card3}.cards .card3 img{aspect-ratio:16/9}.cards .card-details{position:absolute;color:var(--bg-100);bottom:0;display:flex;gap:10px;flex-direction:column;padding:16px;height:100%;justify-content:flex-end;background:linear-gradient(45deg,black,transparent)}.cards .card-details h3{font-size:1rem}.cards .card-details p{font-size:.8rem}.cards.rows{grid-template-areas:"card1" "card2" "card3"}.cards.rows .card{background-color:rgba(var(--bg-300-opa),.5);display:flex;height:23vh}.cards.rows .card img{width:75%;object-fit:cover}.cards.rows .card .card-details{color:var(--text-100);position:static;background:none;width:100%}.cards.rows .card3{grid-area:card3}.cards.rows .card3 img{aspect-ratio:3/5}h2{font-size:32px;margin-top:12px}.no-overflow{overflow:hidden}.slider{height:auto;width:100%}.slider .slide{width:100%;height:100vh;background-size:cover;background-size:100% 100%}.slider .slide .inner{background:linear-gradient(#00000080,#0000);display:flex;flex-direction:column;gap:32px;height:100vh}.slider .slide:nth-of-type(1){background:#000 url(/images/image1.webp) no-repeat;background-size:cover;color:#fff}.slider .slide:nth-of-type(1) p{width:100%;font-size:clamp(1.2rem,2vw,2.5rem)}.slider .slide:nth-of-type(2){background:#000 url(/images/image2.webp) no-repeat;background-size:cover}.slider .slide:nth-of-type(2) p{width:100%;font-size:clamp(1.2rem,2vw,2.5rem)}.slider .slide:nth-of-type(3){background:#000 url(/images/image3.webp) no-repeat;background-size:cover;color:#fff}.slider .slide:nth-of-type(3) p{width:100%;font-size:clamp(1.2rem,2vw,2.5rem)}.slider .progress{position:absolute;top:80%;width:0%;height:1px;z-index:100;border-bottom:1px solid white}.customize{position:relative}.edit-mode{position:absolute;display:flex;justify-content:center;align-items:center;z-index:10;bottom:48px;right:16px;height:36px;font-size:clamp(1rem,2vw,1.3rem);width:fit-content;padding:12px 18px;background:var(--text-100);color:var(--primary-100);border:none;border-radius:3px;transition:all .3s}.edit-mode.active{background:var(--primary-100);color:var(--bg-100)}.colors{display:flex;gap:12px;justify-content:center;align-items:center;position:absolute;bottom:36px;left:50%;transform:translate(-50%);z-index:10}.colors .color{width:40px;height:40px;border-radius:50%;cursor:pointer;background:var(--color);background:radial-gradient(at center,var(--color),#000 150%)}section.contact{background:#0f0f0d;height:130vh;display:grid;color:#fff;align-content:center}section.contact .inner-contact{position:relative}section.contact .inner-contact span{display:block}section.contact .inner-contact .line-top,section.contact .inner-contact .line-bottom{position:absolute;top:0;left:0;width:0%;height:1px;border-bottom:1px solid #393939}section.contact .inner-contact .line-bottom{bottom:0;top:unset}section.contact h4{font-size:clamp(2rem,4vw,5rem);margin:0}section.contact a.cta{background:#fff;display:inline-block;padding:1em;border-radius:3em;font-weight:700;font-size:clamp(1rem,2vw,1.3rem);margin:1.2em 0 2em}section.contact .contact-desc{font-size:1.1rem;margin:0}@media (min-width: 768px){main{display:flex}main .right{display:block}.cards{padding-top:54px;grid-template-areas:"card1 card2 card3";max-width:1200px;gap:36px}.cards .card img{aspect-ratio:1}.cards .card-details h3{font-size:1.2rem}.cards .card-details p{font-size:1rem}.cards.rows .card{height:18vh}.slider{width:300%;display:flex}.slider .slide:nth-of-type(1) p,.slider .slide:nth-of-type(2) p,.slider .slide:nth-of-type(3) p{width:50%}section.contact .contact-desc{width:40%}.details{margin-bottom:0}}