@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,400&family=Inter:wght@100;200;300;400;500&display=swap";:root{--bg:#f2efe7;--bg-subtle:#eae7df;--primary:#8b004a;--primary-rgb:139, 0, 74;--text:#1a1a1a;--text-dim:#666;--border:#8b004a0f;--glass:#f2efe7e6;--font-serif:"Cormorant Garamond", serif;--font-sans:"Inter", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-long:1.2s;--duration-base:.6s;--duration-fast:.3s;--grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}[data-theme=dark]{--bg:#080808;--bg-subtle:#121212;--primary:#d12b7a;--primary-rgb:209, 43, 122;--text:#f2efe7;--text-dim:#999;--border:#ffffff0a;--glass:#080808e6}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg)}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);transition:background-color var(--duration-base) var(--ease-out);font-weight:300;line-height:1.7;overflow-x:hidden}body:after{content:"";background-image:var(--grain);opacity:.03;pointer-events:none;z-index:9999;position:fixed;inset:0}#scroll-progress{background:var(--primary);z-index:1001;width:0%;height:1px;transition:width .1s linear;position:fixed;top:0;left:0}.container{max-width:1300px;margin:0 auto;padding:0 3rem}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--text);letter-spacing:-.02em;font-weight:300}h1{color:var(--primary);font-size:clamp(3rem,15vw,10rem);font-style:italic;line-height:.85}h2{font-size:clamp(2rem,6vw,4rem);line-height:1.1}.meta-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5em;color:var(--primary);opacity:.6;font-size:.6rem;font-weight:400}.reveal{opacity:0;filter:blur(8px);transition:opacity 1.2s var(--ease-out), transform 1.2s var(--ease-out), filter 1.2s var(--ease-out);will-change:transform, opacity, filter;transform:translateY(30px)}.reveal.is-visible{opacity:1;filter:blur();transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.luxury-grid{grid-template-columns:repeat(12,1fr);gap:2rem;display:grid}.minimal-card{border-bottom:1px solid var(--border);transition:background-color var(--duration-fast) var(--ease-out);padding:3rem}.minimal-card:hover{background-color:var(--bg-subtle)}.btn-minimal{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.3em;color:var(--bg);background:var(--primary);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:1.2rem 3rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-block}.btn-minimal:hover{box-shadow:0 10px 30px rgba(var(--primary-rgb), .15);transform:translateY(-2px)}.nav-float{background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;border-bottom:1px solid var(--border);transition:background-color var(--duration-base) var(--ease-out);padding:1.5rem 0;position:sticky;top:0}.nav-link{font-family:var(--font-sans);color:var(--text-dim);text-transform:uppercase;letter-spacing:.3em;transition:color var(--duration-fast) var(--ease-out);font-size:.65rem;text-decoration:none}.nav-link:hover{color:var(--primary)}.interactive-hover{cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.interactive-hover:hover{opacity:.7}.gallery-section{flex-direction:column;align-items:center;padding:4rem 0;display:flex;overflow:hidden}.phone-display-wrapper{perspective:2000px;margin:1rem 0}.phone-container{background:var(--bg);border:1px solid var(--border);width:280px;height:580px;box-shadow:0 10px 20px #0000000d, 0 40px 100px rgba(var(--primary-rgb), .08);transition:transform 1.2s var(--ease-out), box-shadow 1.2s var(--ease-out);transform-style:preserve-3d;border-radius:40px;padding:10px;position:relative}.phone-container:before{content:"";pointer-events:none;border-radius:40px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.phone-inner{background:#000;border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 2px #1a1a1a}.phone-screen-track{will-change:transform;width:100%;height:100%;transition:transform .8s cubic-bezier(.32,.72,0,1);display:flex}.phone-screen-container{flex-shrink:0;min-width:100%;height:100%;position:relative}.phone-screen{object-fit:cover;width:100%;height:100%;display:block}.phone-notch{z-index:20;background:#000;border-radius:20px;width:80px;height:25px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.gallery-label-container{justify-content:center;align-items:center;height:2rem;margin-top:2rem;display:flex}.gallery-label{font-family:var(--font-serif);color:var(--primary);opacity:0;transition:all .8s var(--ease-out);font-size:1.2rem;font-style:italic;position:absolute;transform:translateY(10px)}.gallery-label.active{opacity:1;transform:translateY(0)}.gallery-indicators{gap:.8rem;margin-top:1.5rem;display:flex}.indicator{background:var(--border);width:30px;height:2px;position:relative;overflow:hidden}.indicator:after{content:"";background:var(--primary);width:0%;height:100%;position:absolute;top:0;left:0}.indicator.active:after{width:100%;transition:width 5s linear}.form-container{max-width:500px;margin:0 auto}.input-group{margin-bottom:2.5rem;position:relative}.input-minimal{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-sans);transition:border-color .3s var(--ease-out);background:0 0;outline:none;padding:1rem 0;font-size:1rem}.input-minimal:focus{border-bottom-color:var(--primary)}.input-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;pointer-events:none;transition:all .3s var(--ease-out);font-size:.8rem;position:absolute;top:1rem;left:0}.input-minimal:focus+.input-label,.input-minimal:not(:placeholder-shown)+.input-label{color:var(--primary);font-size:.6rem;top:-1rem}.success-message{border:1px solid var(--primary);text-align:center;padding:3rem}.secondary-link{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;transition:color .3s var(--ease-out);font-size:.75rem;text-decoration:none}.secondary-link:hover{color:var(--primary)}input[type=range]{-webkit-appearance:none;background:var(--border);outline:none;width:100%;height:4px;margin:1.5rem 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:18px;height:18px;transition:transform .2s var(--ease-out);border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.tabs-container{border-bottom:1px solid var(--border);gap:2rem;margin-bottom:2rem;display:flex}.tab-btn{color:var(--text-dim);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:color .3s var(--ease-out);background:0 0;border:none;padding:1rem 0;font-size:.75rem;position:relative}.tab-btn.active{color:var(--primary);font-weight:600}.tab-btn.active:after{content:"";background:var(--primary);width:100%;height:2px;position:absolute;bottom:-1px;left:0}@media (width<=768px){.container{padding:0 1.5rem}.luxury-grid{grid-template-columns:1fr;gap:1rem}.col-span-4,.col-span-6{grid-column:span 12}h1{font-size:clamp(2.5rem,15vw,4rem)}h2{font-size:clamp(1.8rem,10vw,2.5rem)}.nav-float{padding:1rem 0}.nav-link{letter-spacing:.2em;font-size:.6rem}.phone-container{width:240px;height:500px}section{padding:4rem 0!important}}@media (width>=769px){.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}}