@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg-primary: #FFFFFF;--text-primary: #1A1A1A;--text-secondary: #4A4A4A;--accent-gold: #D4AF37;--accent-gold-dim: #C5A028;--spacing-unit: 1rem;--font-body: "Inter", sans-serif;--font-heading: "Playfair Display", serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}.btn{display:inline-block;padding:1rem 2rem;border:2px solid var(--text-primary);background:transparent;color:var(--text-primary);text-decoration:none;font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;cursor:pointer}.btn:hover{background:var(--text-primary);color:var(--bg-primary)}.btn-primary{background:var(--accent-gold);border-color:var(--accent-gold);color:#fff}.btn-primary:hover{background:var(--accent-gold-dim);border-color:var(--accent-gold-dim)}.img-cover{width:100%;height:100%;object-fit:cover}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-video{animation:float 6s ease-in-out infinite;mix-blend-mode:lighten;filter:drop-shadow(0 0 30px rgba(255,255,255,.15));background-color:transparent;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,rgba(0,0,0,.8) 70%,transparent 100%);mask-image:radial-gradient(ellipse at center,black 40%,rgba(0,0,0,.8) 70%,transparent 100%)}@keyframes slowFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section-floating-video{animation:slowFloat 4s ease-in-out infinite;background-color:transparent;width:100%;height:auto;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,rgba(0,0,0,.8) 70%,transparent 100%);mask-image:radial-gradient(ellipse at center,black 40%,rgba(0,0,0,.8) 70%,transparent 100%)}.monogram-gallery-section{padding:6rem 0;background:transparent}.monogram-gallery{column-count:3;column-gap:2rem;margin-top:3rem}.monogram-gallery>*{break-inside:avoid;margin-bottom:2rem;display:block}.monogram-card{position:relative;min-height:350px;display:flex;flex-direction:column;background-color:#000;border:1px solid #333;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease}.monogram-card:hover{transform:scale(1.05);box-shadow:0 10px 30px #d4af374d;border-color:#d4af37}.monogram-image{width:100%;height:100%;object-fit:cover;display:block}.monogram-placeholder{width:100%;height:100%;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1a1a1a;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px);padding:3rem;position:relative}.if-monogram{font-size:5rem;font-weight:700;color:#d4af37;font-family:var(--font-heading);text-shadow:0 0 10px rgba(212,175,55,.5);margin-bottom:1.5rem;letter-spacing:.2em}.placeholder-text{color:#999;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;text-align:center;max-width:200px}.tech-specs-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 70%,transparent 100%);padding:2rem 1.5rem 1.5rem;transform:translateY(100%);transition:transform .3s ease}.monogram-card:hover .tech-specs-overlay{transform:translateY(0)}.tech-specs-overlay h3{color:#fff;font-size:1.2rem;margin-bottom:.8rem;font-family:var(--font-heading)}.stitch-info{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#d4af37,#c5a028);padding:.4rem 1rem;border-radius:20px;margin-bottom:.5rem}.stitch-label{color:#000;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stitch-count{color:#000;font-size:.9rem;font-weight:700;font-family:var(--font-heading)}.design-description{color:#ccc;font-size:.85rem;line-height:1.5;margin-top:.5rem}@media(max-width:900px){.monogram-gallery{column-count:2}}@media(max-width:600px){.monogram-gallery{column-count:1;column-gap:1rem}.monogram-gallery>*{margin-bottom:1rem}.if-monogram{font-size:3.5rem}.monogram-card{min-height:300px}}.atelier-bg-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-2;overflow:hidden}.atelier-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://res.cloudinary.com/dnszqyoca/image/upload/v1771523154/image_3_hluwp3.png);background-size:cover;background-position:center 0%;background-attachment:fixed;transform:scale(1.1);filter:brightness(30%) contrast(110%)}.atelier-bg-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.monogram-immersive-page{position:relative;color:#fff;min-height:100vh;padding-top:0}.monogram-immersive-page h1,.monogram-immersive-page h2,.monogram-immersive-page h3,.monogram-immersive-page h4{color:#fff!important;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.gold-bordered-frame{border:1px solid var(--accent-gold);padding:1rem;background:#00000080;box-shadow:0 0 30px #d4af3733;border-radius:4px}.badge-gold{background:var(--accent-gold);color:#000;padding:.2rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.luxury-text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.5)}.detail-view-container{padding-top:0;padding-bottom:6rem}.embroidery-detail-section{margin-top:4rem;text-align:center}.high-contrast-gold{color:var(--accent-gold);font-weight:600}:root{--safe-area-bottom: env(safe-area-inset-bottom, 0px)}.btn,button,select,input,textarea{min-height:44px}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.hardware-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.monogram-card,.magnetic-card,.gold-bordered-frame,.btn-primary{transform:translateZ(0)}@media(max-width:768px){.section{padding:4rem 0}h1{font-size:2.5rem!important}h2{font-size:2rem!important}.container{padding:0 1.5rem}}@media screen and (-webkit-min-device-pixel-ratio:0){select,textarea,input{font-size:16px!important}}
