:root{--color-deep-onyx: #0B0B0D;--color-graphite: #141417;--color-card-dark: #101013;--color-surface-trans: rgba(20, 20, 23, .88);--color-bg-primary: #0B0B0D;--color-bg-secondary: #141417;--color-bg-tertiary: #1A1A1E;--color-bg-glass: rgba(20, 20, 23, .88);--color-bg-glass-heavy: rgba(11, 11, 13, .95);--color-champagne: #E5D3B3;--color-antique-gold: #C5A880;--color-muted-gold: #8F7D65;--color-gold: #C5A880;--color-gold-light: #E5D3B3;--color-gold-dark: #8F7D65;--color-accent: #E5D3B3;--color-chalk-white: #F8F8F8;--color-muted-slate: #8C8E94;--color-text-primary: #F8F8F8;--color-text-secondary: #C4C5C8;--color-text-muted: #8C8E94;--color-text-faint: rgba(248, 248, 248, .25);--color-hairline: rgba(197, 168, 128, .18);--color-hairline-light: rgba(229, 211, 179, .35);--color-hairline-subtle:rgba(255, 255, 255, .08);--color-border: rgba(197, 168, 128, .18);--color-border-gold: rgba(197, 168, 128, .32);--font-serif: "Cormorant Garamond", "Tenor Sans", Georgia, serif;--font-display: "Tenor Sans", "Cormorant Garamond", Georgia, serif;--font-sans: "Manrope", -apple-system, sans-serif;--font-num: "Manrope", sans-serif;--radius-xs: 0px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--radius-pill: 0px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .85), 0 0 0 1px var(--color-hairline);--shadow-elevated: 0 24px 60px rgba(0, 0, 0, .95), 0 0 40px rgba(197, 168, 128, .08);--shadow-gold: 0 0 30px rgba(197, 168, 128, .15);--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--transition-slow: all 1.1s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}html,body{background-color:var(--color-deep-onyx);color:var(--color-text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.75;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.75}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 20%,rgba(197,168,128,.035) 0%,transparent 45%),radial-gradient(circle at 90% 40%,rgba(255,255,255,.02) 0%,transparent 40%),radial-gradient(circle at 50% 90%,rgba(197,168,128,.03) 0%,transparent 50%);pointer-events:none;z-index:-1}@media(max-width:768px){html,body{padding-bottom:80px}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--color-deep-onyx)}::-webkit-scrollbar-thumb{background:#c5a88059}::-webkit-scrollbar-thumb:hover{background:var(--color-champagne)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:300;color:var(--color-chalk-white);line-height:1.15;letter-spacing:.02em}h1{font-size:clamp(42px,5.8vw,76px);font-weight:300;letter-spacing:.02em}h2{font-size:clamp(30px,4vw,50px);font-weight:300;letter-spacing:.03em}h3{font-size:clamp(20px,2.4vw,30px);font-weight:400}.editorial-tagline{font-family:var(--font-sans);font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--color-champagne);display:inline-flex;align-items:center;gap:12px}.editorial-tagline:before{content:"";display:inline-block;width:24px;height:1px;background:var(--color-antique-gold)}.champagne-gradient-text{background:linear-gradient(135deg,#f8f8f8,#e5d3b3 55%,#c5a880);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:var(--transition-smooth)}.btn-primary-gold{color:var(--color-champagne);border:1px solid var(--color-antique-gold);background:transparent;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.2em;padding:14px 34px;font-size:10.5px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;transition:var(--transition-smooth)}.btn-primary-gold:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(229,211,179,.15),transparent);transition:transform .8s ease}.btn-primary-gold:hover{background:#c5a8801f;border-color:var(--color-champagne);color:#fff;box-shadow:0 0 25px #c5a88033}.btn-primary-gold:hover:before{transform:translate(200%)}.btn-secondary-outline{color:var(--color-chalk-white);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.18em;background:transparent;border:1px solid var(--color-hairline-subtle);padding:14px 30px;font-size:10.5px;font-weight:400;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:var(--transition-smooth)}.btn-secondary-outline:hover{border-color:var(--color-antique-gold);color:var(--color-champagne);background:#e5d3b30d}.btn-ghost-gold{background:transparent;color:var(--color-antique-gold);border:1px solid var(--color-hairline);padding:10px 22px;font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;transition:var(--transition-smooth)}.btn-ghost-gold:hover{border-color:var(--color-champagne);color:var(--color-champagne);background:#c5a88014}.badge-gold{background:#c5a88014;color:var(--color-champagne);border:1px solid rgba(197,168,128,.35);font-family:var(--font-sans);font-size:9.5px;font-weight:600;padding:4px 10px;letter-spacing:.18em;text-transform:uppercase}.badge-tag{background:#0b0b0de0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-chalk-white);font-family:var(--font-sans);font-size:9.5px;font-weight:500;padding:4px 10px;border:1px solid var(--color-hairline);letter-spacing:.16em;text-transform:uppercase}.badge-tag.highlight{background:#c5a88026;color:var(--color-champagne);border-color:var(--color-antique-gold)}.ref-hero-section{position:relative;min-height:760px;background:linear-gradient(180deg,#0b0b0d80,#0b0b0dd9 60%,#0b0b0d),radial-gradient(circle at 50% 25%,#0b0b0d66,#0b0b0df2 85%),url(/images/nero-portoro-marble.jpg) center center / cover no-repeat;display:flex;flex-direction:column;justify-content:center;padding:100px 32px 120px;color:var(--color-text-primary);border-bottom:1px solid var(--color-hairline)}.ref-search-card{background:#141417d1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-hairline);padding:32px 36px;max-width:1020px;margin:36px 0 0;box-shadow:0 30px 80px #000000e6,inset 0 0 0 1px #e5d3b30f}.ref-search-grid{display:grid;grid-template-columns:repeat(4,1fr) 200px;gap:20px;align-items:flex-end;margin-bottom:16px}.ref-search-select{width:100%;background:transparent;border:none;border-bottom:1px solid var(--color-hairline-subtle);padding:10px 4px;font-size:13px;font-family:var(--font-sans);color:var(--color-chalk-white);font-weight:400;outline:none;cursor:pointer;transition:border-color .4s ease;-webkit-appearance:none}.ref-search-select:focus{border-bottom-color:var(--color-champagne)}.ref-search-select option{background:var(--color-graphite);color:var(--color-chalk-white)}.ref-main-layout{display:grid;grid-template-columns:1fr 380px;gap:48px;max-width:1480px;margin:80px auto;padding:0 32px}@media(max-width:1180px){.ref-main-layout{grid-template-columns:1fr;gap:40px}}.cards-slider-track{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:24px;padding-bottom:24px}.cards-slider-track::-webkit-scrollbar{display:none}.cards-slider-track>.ref-project-card{flex:0 0 calc((100% - 48px) / 3);min-width:320px;max-width:440px;scroll-snap-align:start}@media(max-width:1280px){.cards-slider-track>.ref-project-card{flex:0 0 calc((100% - 24px)/2);min-width:310px}}@media(max-width:768px){.cards-slider-track>.ref-project-card{flex:0 0 calc(100vw - 64px);min-width:calc(100vw - 64px)}}.ref-project-card{background:var(--color-graphite);border:1px solid var(--color-hairline);box-shadow:0 10px 40px #000c;display:flex;flex-direction:column;position:relative;cursor:pointer;overflow:hidden;transition:border-color .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.ref-project-card:hover{border-color:var(--color-antique-gold);box-shadow:0 24px 60px #000000f2,0 0 30px #c5a8801f;transform:translateY(-4px)}.card-photo-box{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#000}.card-photo-img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1);display:block}.ref-project-card:hover .card-photo-img{transform:scale(1.05)}.card-progress-bar{position:absolute;bottom:0;left:0;right:0;height:2px;display:flex;gap:2px;padding:0 12px;z-index:5}.card-progress-seg{flex:1;height:100%;background:#ffffff40;transition:background .3s ease}.card-progress-seg.active{background:var(--color-champagne)}.flagship-lot-card{width:100%;border:1px solid var(--color-hairline);background:var(--color-graphite);display:grid;grid-template-columns:1.2fr 1fr;margin-bottom:48px;position:relative;overflow:hidden}@media(max-width:960px){.flagship-lot-card{grid-template-columns:1fr}}.duet-lots-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:48px}@media(max-width:860px){.duet-lots-grid{grid-template-columns:1fr}}.nero-marble-inlay{position:relative;background:linear-gradient(90deg,#0b0b0df0,#0b0b0db3,#0b0b0df0),url(/images/nero-portoro-marble.jpg) center center / cover no-repeat;border:1px solid var(--color-antique-gold);padding:56px 48px;margin:60px 0;box-shadow:0 30px 80px #000000e6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050507eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:999;display:flex;align-items:center;justify-content:center;padding:32px 20px;overflow-y:auto}.modal-content-box{background:var(--color-graphite);border:1px solid var(--color-antique-gold);box-shadow:0 40px 100px #000000f2,0 0 40px #c5a8801a;width:100%;max-width:880px;max-height:92vh;overflow-y:auto;position:relative}input[type=range]{-webkit-appearance:none;width:100%;height:1px;background:var(--color-hairline);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--color-champagne);cursor:pointer;border:1px solid var(--color-deep-onyx);box-shadow:0 0 10px #c5a88080;transition:transform .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3)}@media(max-width:960px){.ref-search-grid{grid-template-columns:repeat(2,1fr)}.ref-search-grid>div:last-child{grid-column:1 / -1}}@media(max-width:1024px){.hide-mobile{display:none!important}.show-mobile-flex,.show-mobile-only{display:flex!important}}@media(min-width:1025px){.show-mobile-flex,.show-mobile-only{display:none!important}}.marble-brass-divider{position:relative;width:100%;max-width:1520px;margin:64px auto;display:flex;align-items:center;justify-content:center;padding:0 32px}.marble-brass-divider:before,.marble-brass-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(197,168,128,.28) 40%,rgba(197,168,128,.28) 60%,transparent)}.marble-brass-divider-emblem{padding:0 24px;display:inline-flex;align-items:center;gap:12px;color:var(--color-champagne);font-family:var(--font-sans);font-size:9px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap}.marble-brass-divider-emblem span{color:var(--color-antique-gold);font-size:8px}@keyframes fadeInText{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes lightSheen{0%{transform:translate(-100%)}to{transform:translate(250%)}}.sheen-on-hover{position:relative;overflow:hidden}.sheen-on-hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(229,211,179,.25),transparent);transform:translate(-100%);pointer-events:none}.sheen-on-hover:hover:after{animation:lightSheen .9s cubic-bezier(.16,1,.3,1) forwards}
