@import "https://fonts.cdnfonts.com/css/pp-neue-montreal";:root{--base-100:#f4f1ea;--base-200:#d4af37;--base-300:#0a0a0a}*{box-sizing:border-box;margin:0;padding:0}img{object-fit:cover;width:100%;height:100%}h1,h3{text-transform:uppercase;letter-spacing:-3%;font-family:PP Neue Montreal,sans-serif;font-weight:500;line-height:.8}h1{font-size:clamp(2rem,8vw,14rem)}h3{font-size:clamp(2rem,5vw,8rem)}p{text-transform:uppercase;font-family:PP Neue Montreal,sans-serif;font-size:.85rem;font-weight:500;line-height:1.5}section.hero{width:100%;height:100svh;position:relative;overflow:hidden}.about{background-color:var(--base-300);justify-content:center;align-items:center;min-height:50svh;padding:8rem 2rem;display:flex}.about h3{text-align:center;color:var(--base-100);width:60%}.hero-brand-overlay{text-align:center;z-index:10;border:1px solid var(--base-200);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a0a99;width:max-content;max-width:90%;padding:2rem 3rem;position:absolute;top:15%;left:50%;transform:translate(-50%)}.hero-brand-overlay h2{text-transform:uppercase;margin-bottom:.5rem;font-family:PP Neue Montreal,sans-serif;font-size:clamp(2rem,4vw,4rem)}.hero-brand-overlay p{color:var(--base-100);letter-spacing:2px}.gold-text{color:var(--base-200)}.hero-outro-panel{will-change:clip-path;flex:1;justify-content:center;align-items:center;height:100%;display:flex}.hero-outro-panel:first-child{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}.hero-outro-panel:nth-child(2){clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%)}.dark-panel{background-color:var(--base-300);color:var(--base-100)}.contact-panel{color:var(--base-100);background-color:#161616;border-left:1px solid #d4af3726}.panel-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:65%;display:flex}.accent-link{text-transform:uppercase;color:var(--base-200);border-bottom:1px solid var(--base-200);padding-bottom:2px;font-family:PP Neue Montreal,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:opacity .3s}.accent-link:hover{opacity:.7}.hero-fg-content,.hero-bg-content{transform-origin:50%;width:100%;height:100%;position:absolute;top:0;left:0}.hero-fg-content{background-color:var(--base-300);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path, transform;z-index:2}.hero-fg-img{width:100%;height:100%;position:absolute}.hero-fg-img:after{content:"";background:linear-gradient(#0000004d 0%,#000000b3 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-fg-header{width:95%;color:var(--base-100);text-align:center;z-index:10;padding:2rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-fg-overlay-dark,.hero-fg-overlay{opacity:0;will-change:opacity;z-index:15;width:100%;height:100%;position:absolute;top:0;left:0}.hero-fg-overlay-dark{background-color:var(--base-300)}.hero-fg-overlay{background-color:var(--base-200)}.hero-bg-content{background-color:var(--base-100);z-index:0;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero-bg-content-col{flex:1;align-items:center;height:100%;padding:2rem;display:flex}.hero-bg-content-col:nth-child(2){justify-content:flex-end}.hero-bg-content-copy{will-change:transform;flex-direction:column;gap:.5rem;width:50%;display:flex}.hero-bg-content-copy h3{color:var(--base-200)}.hero-bg-content-copy p{color:var(--base-300)}.hero-outro-content{z-index:1;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero-outro-header{color:var(--base-100);text-align:center;z-index:10;pointer-events:none;width:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-outro-header .line{will-change:transform;position:relative}.showcase{background-color:var(--base-300);justify-content:center;padding:4rem 2rem 6rem;display:flex}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1400px;display:grid}.showcase-item{aspect-ratio:2/3;cursor:pointer;border:1px solid #d4af3733;width:100%;position:relative;overflow:hidden}.showcase-item img{transition:transform .8s cubic-bezier(.16,1,.3,1)}.showcase-item:hover img{transform:scale(1.05)}.click-hint{background-color:var(--base-200);color:var(--base-300);text-transform:uppercase;z-index:5;pointer-events:none;border-radius:30px;padding:.6rem 1.2rem;font-family:PP Neue Montreal,sans-serif;font-size:.75rem;transition:opacity .3s;position:absolute;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 15px #0000004d}.showcase-item:hover .click-hint,.showcase-item.active .click-hint{opacity:0}.item-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;z-index:10;background:#0a0a0ae6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.showcase-item.active .item-overlay{opacity:1;pointer-events:auto}.item-desc{text-align:center;color:var(--base-100);padding:2rem;transition:transform .4s;transform:translateY(20px)}.showcase-item.active .item-desc{transform:translateY(0)}.item-desc h4{text-transform:uppercase;margin-bottom:1rem;font-family:PP Neue Montreal,sans-serif;font-size:1.5rem}.close-btn{text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--base-100);opacity:.6;margin-top:1.5rem;padding-bottom:2px;font-size:.75rem;display:inline-block}.close-btn:hover{opacity:1;color:var(--base-200);border-color:var(--base-200)}.final-about{background-color:var(--base-100);justify-content:center;align-items:center;padding:8rem 2rem;display:flex}.final-about-content{text-align:center;flex-direction:column;align-items:center;gap:2.5rem;max-width:800px;display:flex}.final-about h3{color:var(--base-200)}.final-about p{color:var(--base-300);text-transform:none;font-size:1rem;font-weight:400;line-height:1.6}.btn-primary{background-color:var(--base-300);color:var(--base-100);text-transform:uppercase;border:1px solid var(--base-300);letter-spacing:1px;padding:1.2rem 3rem;font-family:PP Neue Montreal,sans-serif;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{color:var(--base-300);background-color:#0000}@media (width<=1000px){.hero-bg-content-copy{width:100%}.hero-bg-content-col:first-child .hero-bg-content-copy{margin-top:-50svh}.hero-bg-content-col:nth-child(2) .hero-bg-content-copy{margin-top:50svh}.about h3,.hero-outro-header,.panel-content{width:100%;padding:2rem}.showcase-grid{grid-template-columns:1fr}.hero-brand-overlay{padding:1.5rem;top:5%}.final-about{padding:5rem 1.5rem}}body{height:100vh;overflow:hidden}.loader{will-change:opacity;z-index:9999;background-color:#0a0512;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:fixed;top:0;left:0}.loader-logo-container{z-index:10;text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.csd-monogram{letter-spacing:.15em;background:linear-gradient(135deg,#f3e7be 0%,#d4af37 50%,#aa771c 100%);-webkit-text-fill-color:transparent;will-change:transform, opacity;-webkit-background-clip:text;margin-bottom:.2rem;font-family:PP Neue Montreal,sans-serif;font-size:4.5rem;font-weight:600}.brand-name{letter-spacing:.3em;color:#f4f1ea;text-transform:uppercase;margin-bottom:.4rem;font-family:PP Neue Montreal,sans-serif;font-size:1.25rem;font-weight:500}.brand-sub{letter-spacing:.4em;color:#d4af37;text-transform:uppercase;align-items:center;gap:.5rem;font-family:PP Neue Montreal,sans-serif;font-size:.75rem;display:flex}.loader .counter{z-index:11;color:#d4af37;letter-spacing:.1em;font-family:PP Neue Montreal,sans-serif;font-size:1.1rem;font-weight:500;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}@media (width<=1000px){.csd-monogram{font-size:3.5rem}.brand-name{font-size:1rem}}