:root{--color-rose-primary: #D4959C;--color-rose-light: #E5B5BB;--color-rose-dark: #A97176;--color-cream: #F5F1ED;--color-gold: #C9A870;--color-dusty-pink: #DDB4B8;--color-sage: #B8C5B0;--color-champagne: #F7E7CE;--color-burgundy: #8B4049;--color-copper: #B87333;--color-pearl: #FAF9F6;--color-charcoal: #3E3E3E;--color-soft-gray: #9E9E9E;--spacing-unit: 8px;--max-width: 1400px;--header-height: 80px;--transition-speed: .3s;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-charcoal);background-color:var(--color-pearl);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:"Noto Serif SC",serif;font-weight:500;line-height:1.3;color:var(--color-charcoal)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--color-rose-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-speed) ease}.container{max-width:var(--max-width);margin:0 auto;padding:0 calc(var(--spacing-unit) * 3)}header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:1000;transition:all var(--transition-speed) ease}header.scrolled{box-shadow:var(--shadow-md)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-width);margin:0 auto;padding:0 calc(var(--spacing-unit) * 3)}.logo{font-family:"Noto Serif SC",serif;font-size:1.75rem;font-weight:600;color:var(--color-rose-dark);letter-spacing:2px}nav ul{display:flex;gap:calc(var(--spacing-unit) * 4);list-style:none}nav a{font-size:1rem;font-weight:400;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);border-radius:4px;transition:all var(--transition-speed) ease}nav a:hover,nav a.active{color:var(--color-rose-primary);background:#d4959c1a}.mobile-menu-btn{display:none;flex-direction:column;gap:6px;padding:calc(var(--spacing-unit) * 1);z-index:1001}.mobile-menu-btn span{width:24px;height:2px;background:var(--color-charcoal);transition:all var(--transition-speed) ease}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}main{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height))}.hero{position:relative;height:calc(100vh - var(--header-height));min-height:600px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-champagne) 100%);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="1" fill="rgba(212,149,156,0.15)"/></svg>');opacity:.3}.hero-content{position:relative;text-align:center;z-index:1;animation:fadeInUp 1s ease}.hero h1{margin-bottom:calc(var(--spacing-unit) * 3);color:var(--color-rose-dark);letter-spacing:4px}.hero p{font-size:1.25rem;color:var(--color-soft-gray);margin-bottom:calc(var(--spacing-unit) * 5);line-height:1.8}.cta-button{display:inline-block;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 5);background:var(--color-rose-primary);color:#fff;border-radius:50px;font-weight:500;font-size:1rem;letter-spacing:1px;box-shadow:var(--shadow-md);transition:all var(--transition-speed) ease}.cta-button:hover{background:var(--color-rose-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.section{padding:calc(var(--spacing-unit) * 10) 0}.section-title{text-align:center;margin-bottom:calc(var(--spacing-unit) * 6);color:var(--color-rose-dark);position:relative}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--color-gold);margin:calc(var(--spacing-unit) * 2) auto 0}.grid{display:grid;gap:calc(var(--spacing-unit) * 3)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-speed) ease;cursor:pointer}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.card-image{position:relative;width:100%;padding-top:133.33%;overflow:hidden;background:var(--color-cream)}.card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.card:hover .card-image img{transform:scale(1.1)}.card-content{padding:calc(var(--spacing-unit) * 3)}.card-category{font-size:.875rem;color:var(--color-rose-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:calc(var(--spacing-unit) * 1)}.card-title{font-size:1.25rem;margin-bottom:calc(var(--spacing-unit) * 1);color:var(--color-charcoal)}.card-description{font-size:.9375rem;color:var(--color-soft-gray);line-height:1.6;margin-bottom:calc(var(--spacing-unit) * 2)}.card-price{font-size:1.125rem;font-weight:600;color:var(--color-rose-dark)}.tags{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1);margin-top:calc(var(--spacing-unit) * 2)}.tag{padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1.5);background:var(--color-cream);border-radius:20px;font-size:.8125rem;color:var(--color-soft-gray)}footer{background:linear-gradient(to bottom,#2c2c2c,#1a1a1a);color:#e0e0e0;padding:calc(var(--spacing-unit) * 8) 0 calc(var(--spacing-unit) * 4)}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing-unit) * 5);margin-bottom:calc(var(--spacing-unit) * 6)}.footer-section h4{color:var(--color-rose-light);margin-bottom:calc(var(--spacing-unit) * 2);font-size:1.125rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:calc(var(--spacing-unit) * 1.5)}.footer-section a{color:#b0b0b0;transition:color var(--transition-speed) ease}.footer-section a:hover{color:var(--color-rose-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:calc(var(--spacing-unit) * 3);text-align:center;color:gray;font-size:.875rem}.scroll-top{position:fixed;bottom:calc(var(--spacing-unit) * 4);right:calc(var(--spacing-unit) * 4);width:50px;height:50px;background:var(--color-rose-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:all var(--transition-speed) ease;z-index:999}.scroll-top.visible{opacity:1;visibility:visible}.scroll-top:hover{background:var(--color-rose-dark);transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .8s ease}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){:root{--header-height: 64px}.header-content{padding:0 calc(var(--spacing-unit) * 2)}.logo{font-size:1.5rem}nav{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:calc(var(--header-height) + var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);transform:translate(100%);transition:transform var(--transition-speed) ease}nav.active{transform:translate(0)}nav ul{flex-direction:column;gap:0}nav li{border-bottom:1px solid rgba(0,0,0,.05)}nav a{display:block;padding:calc(var(--spacing-unit) * 2);font-size:1.125rem}.mobile-menu-btn{display:flex}.grid-2,.grid-3,.grid-4,.footer-content{grid-template-columns:repeat(2,1fr)}.section{padding:calc(var(--spacing-unit) * 6) 0}.hero{min-height:500px}}@media (max-width: 480px){.grid-2,.grid-3,.grid-4,.footer-content{grid-template-columns:1fr}.container{padding:0 calc(var(--spacing-unit) * 2)}.hero p{font-size:1rem}}.masonry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 2);grid-auto-rows:10px}.masonry-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-speed) ease;cursor:pointer}.masonry-item-1{grid-row-end:span 40}.masonry-item-2{grid-row-end:span 50}.masonry-item-3{grid-row-end:span 45}.masonry-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.masonry-image{width:100%;height:80%;overflow:hidden}.masonry-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.masonry-item:hover .masonry-image img{transform:scale(1.1)}.masonry-content{padding:calc(var(--spacing-unit) * 2);text-align:center}.masonry-content h3{font-size:1.125rem;margin-bottom:calc(var(--spacing-unit) * 1);color:var(--color-charcoal)}.masonry-content p{color:var(--color-rose-primary);font-weight:600}.split-layout{display:grid;grid-template-columns:2fr 1fr;gap:calc(var(--spacing-unit) * 3)}.split-large{position:relative}.feature-card{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-speed) ease}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-image{width:100%;padding-top:120%;overflow:hidden;position:relative}.feature-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.feature-card:hover .feature-image img{transform:scale(1.05)}.feature-content{position:absolute;bottom:0;left:0;right:0;padding:calc(var(--spacing-unit) * 4);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff}.feature-label{display:inline-block;padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 2);background:var(--color-rose-primary);border-radius:20px;font-size:.875rem;margin-bottom:calc(var(--spacing-unit) * 2)}.feature-content h3{font-size:2rem;color:#fff;margin-bottom:calc(var(--spacing-unit) * 1)}.feature-content p{color:#ffffffe6;margin-bottom:calc(var(--spacing-unit) * 2)}.feature-price{font-size:1.5rem;font-weight:600;color:var(--color-gold)}.split-small{display:grid;grid-template-rows:repeat(2,1fr);gap:calc(var(--spacing-unit) * 3)}.small-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-speed) ease}.small-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.small-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.small-card:hover img{transform:scale(1.1)}.small-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:calc(var(--spacing-unit) * 2);background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff}.small-card-overlay h4{font-size:1rem;color:#fff;margin-bottom:calc(var(--spacing-unit) * .5)}.small-card-overlay p{font-size:.875rem;color:var(--color-gold)}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,300px);gap:calc(var(--spacing-unit) * 2)}.collection-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:all var(--transition-speed) ease}.collection-card-1{grid-column:span 2;grid-row:span 2}.collection-card-2,.collection-card-3{grid-column:span 2;grid-row:span 1}.collection-card-4{grid-column:span 2;grid-row:span 2}.collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.collection-card:hover img{transform:scale(1.1)}.collection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--spacing-unit) * 3);color:#fff;opacity:0;transition:opacity var(--transition-speed) ease}.collection-card:hover .collection-overlay{opacity:1}.collection-overlay h3{color:#fff;font-size:1.5rem;margin-bottom:calc(var(--spacing-unit) * 1)}.collection-overlay p{color:#fffc;margin-bottom:calc(var(--spacing-unit) * 2)}.collection-cta{color:var(--color-gold);font-weight:500}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 4)}.testimonial-card{background:#fff;padding:calc(var(--spacing-unit) * 4);border-radius:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-speed) ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.testimonial-content{margin-bottom:calc(var(--spacing-unit) * 3)}.testimonial-content p{font-size:1rem;line-height:1.8;color:var(--color-soft-gray);font-style:italic;position:relative;padding-left:calc(var(--spacing-unit) * 3)}.testimonial-content p:before{content:'"';position:absolute;left:0;top:-10px;font-size:3rem;color:var(--color-rose-light);line-height:1}.testimonial-author strong{display:block;color:var(--color-charcoal);margin-bottom:calc(var(--spacing-unit) * .5)}.testimonial-author span{color:var(--color-soft-gray);font-size:.875rem}.newsletter-section{background:linear-gradient(135deg,var(--color-rose-primary),var(--color-rose-dark));color:#fff}.newsletter-content{text-align:center;max-width:600px;margin:0 auto}.newsletter-content h2{color:#fff;margin-bottom:calc(var(--spacing-unit) * 2)}.newsletter-content p{font-size:1.125rem;margin-bottom:calc(var(--spacing-unit) * 4);opacity:.9}.newsletter-form{display:flex;gap:calc(var(--spacing-unit) * 2);max-width:500px;margin:0 auto}.newsletter-form input{flex:1;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);border:2px solid rgba(255,255,255,.3);border-radius:50px;background:#ffffff1a;color:#fff;font-size:1rem;outline:none;transition:all var(--transition-speed) ease}.newsletter-form input::placeholder{color:#fff9}.newsletter-form input:focus{border-color:#fff;background:#fff3}.newsletter-form button{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);background:#fff;color:var(--color-rose-dark);border-radius:50px;font-weight:600;font-size:1rem;transition:all var(--transition-speed) ease}.newsletter-form button:hover{background:var(--color-pearl);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.collection-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.collection-card-1,.collection-card-2,.collection-card-3,.collection-card-4{grid-column:span 1;grid-row:span 1}}@media (max-width: 768px){.split-layout{grid-template-columns:1fr}.split-small{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.testimonial-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.masonry-grid{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:1fr}}@media (max-width: 480px){.masonry-grid,.split-small{grid-template-columns:1fr}}.page-header{padding:calc(var(--spacing-unit) * 8) 0 calc(var(--spacing-unit) * 6);background:linear-gradient(135deg,var(--color-cream),var(--color-champagne));text-align:center}.page-header h1{color:var(--color-rose-dark);margin-bottom:calc(var(--spacing-unit) * 2)}.page-header p{font-size:1.125rem;color:var(--color-soft-gray)}.collections-layout{display:grid;grid-template-columns:280px 1fr;gap:calc(var(--spacing-unit) * 4);padding:calc(var(--spacing-unit) * 6) 0}.filters-sidebar{position:sticky;top:calc(var(--header-height) + var(--spacing-unit) * 2);height:fit-content}.filter-section{background:#fff;padding:calc(var(--spacing-unit) * 3);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:calc(var(--spacing-unit) * 2)}.filter-section h3{font-size:1rem;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--color-charcoal);font-weight:600}.filter-group{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}.filter-option{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);cursor:pointer;padding:calc(var(--spacing-unit) * 1);border-radius:6px;transition:background var(--transition-speed) ease}.filter-option:hover{background:var(--color-cream)}.filter-option input[type=radio]{width:18px;height:18px;cursor:pointer}.filter-option span{font-size:.9375rem;color:var(--color-charcoal)}.sort-select{width:100%;padding:calc(var(--spacing-unit) * 1.5);border:1px solid #E0E0E0;border-radius:8px;font-size:.9375rem;color:var(--color-charcoal);background:#fff;cursor:pointer;outline:none;transition:border-color var(--transition-speed) ease}.sort-select:focus{border-color:var(--color-rose-primary)}.items-container{min-height:600px}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 4);padding:calc(var(--spacing-unit) * 2);background:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}.items-count{font-size:1rem;color:var(--color-soft-gray)}.items-count span{font-weight:600;color:var(--color-rose-primary)}.view-options{display:flex;gap:calc(var(--spacing-unit) * 1)}.view-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--color-soft-gray);transition:all var(--transition-speed) ease}.view-btn:hover{background:var(--color-cream);color:var(--color-rose-primary)}.view-btn.active{background:var(--color-rose-primary);color:#fff}.items-grid{display:grid;gap:calc(var(--spacing-unit) * 3)}.grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.list-view{grid-template-columns:1fr}.list-view .item-card{display:grid;grid-template-columns:300px 1fr;gap:calc(var(--spacing-unit) * 3)}.list-view .item-image{padding-top:0;height:400px}.item-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-speed) ease;cursor:pointer}.item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.item-image{position:relative;width:100%;padding-top:133.33%;overflow:hidden;background:var(--color-cream)}.item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.item-card:hover .item-image img{transform:scale(1.1)}.item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-speed) ease}.item-card:hover .item-overlay{opacity:1}.quick-view{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);background:#fff;color:var(--color-charcoal);border-radius:25px;font-size:.875rem;font-weight:500;transform:translateY(10px);transition:transform var(--transition-speed) ease}.item-card:hover .quick-view{transform:translateY(0)}.item-info{padding:calc(var(--spacing-unit) * 3)}.list-view .item-info{display:flex;flex-direction:column;justify-content:center}.item-category{font-size:.8125rem;color:var(--color-rose-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:calc(var(--spacing-unit) * 1)}.item-title{font-size:1.125rem;color:var(--color-charcoal);margin-bottom:calc(var(--spacing-unit) * 1)}.list-view .item-title{font-size:1.5rem}.item-description{font-size:.9375rem;color:var(--color-soft-gray);line-height:1.6;margin-bottom:calc(var(--spacing-unit) * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-view .item-description{-webkit-line-clamp:3;font-size:1rem}.item-footer{display:flex;justify-content:space-between;align-items:center}.item-price{font-size:1.125rem;font-weight:600;color:var(--color-rose-dark)}.list-view .item-price{font-size:1.5rem}.item-tags{display:flex;gap:calc(var(--spacing-unit) * 1)}.item-tag{padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1.5);background:var(--color-cream);border-radius:15px;font-size:.75rem;color:var(--color-soft-gray)}@media (max-width: 1024px){.collections-layout{grid-template-columns:1fr}.filters-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 2)}}@media (max-width: 768px){.filters-sidebar{grid-template-columns:1fr}.items-header{flex-direction:column;gap:calc(var(--spacing-unit) * 2);align-items:flex-start}.list-view .item-card{grid-template-columns:1fr}.list-view .item-image{height:400px;padding-top:133.33%}.grid-view{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-view{grid-template-columns:1fr}}.item-detail-page{padding:calc(var(--spacing-unit) * 4) 0 calc(var(--spacing-unit) * 10)}.breadcrumb{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);margin-bottom:calc(var(--spacing-unit) * 4);font-size:.875rem;color:var(--color-soft-gray)}.breadcrumb a{color:var(--color-soft-gray);transition:color var(--transition-speed) ease}.breadcrumb a:hover{color:var(--color-rose-primary)}.breadcrumb span:last-child{color:var(--color-charcoal);font-weight:500}.detail-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:calc(var(--spacing-unit) * 6);margin-bottom:calc(var(--spacing-unit) * 8)}.detail-gallery{position:sticky;top:calc(var(--header-height) + var(--spacing-unit) * 2);height:fit-content}.main-image{width:100%;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:calc(var(--spacing-unit) * 2);background:var(--color-cream)}.main-image img{width:100%;height:auto;display:block}.thumbnail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing-unit) * 2)}.thumbnail{border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-speed) ease;background:var(--color-cream)}.thumbnail:hover{border-color:var(--color-rose-primary)}.thumbnail img{width:100%;height:auto;display:block}.detail-info{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 4)}.detail-header{padding-bottom:calc(var(--spacing-unit) * 3);border-bottom:1px solid #E0E0E0}.detail-category{display:inline-block;padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 2);background:var(--color-cream);color:var(--color-rose-primary);border-radius:20px;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:calc(var(--spacing-unit) * 2)}.detail-title{font-size:2.5rem;color:var(--color-charcoal);margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.2}.detail-price{font-size:2rem;font-weight:600;color:var(--color-rose-dark)}.detail-description h3{font-size:1.25rem;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--color-charcoal)}.detail-description p{font-size:1rem;line-height:1.8;color:var(--color-soft-gray)}.detail-tags{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1.5)}.detail-tag{padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);background:var(--color-cream);border-radius:20px;font-size:.875rem;color:var(--color-charcoal)}.detail-actions{display:flex;gap:calc(var(--spacing-unit) * 2)}.btn{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);border-radius:50px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 1);transition:all var(--transition-speed) ease}.btn-primary{background:var(--color-rose-primary);color:#fff;flex:1}.btn-primary:hover{background:var(--color-rose-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--color-charcoal);border:2px solid #E0E0E0}.btn-secondary:hover{border-color:var(--color-rose-primary);color:var(--color-rose-primary)}.detail-meta{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 3);background:var(--color-cream);border-radius:12px}.meta-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);color:var(--color-charcoal)}.meta-item svg{color:var(--color-rose-primary);flex-shrink:0}.detail-video-section,.detail-review-section,.related-section{margin-bottom:calc(var(--spacing-unit) * 8)}.video-container{max-width:1000px;margin:0 auto}.review-content{max-width:900px;margin:0 auto;padding:calc(var(--spacing-unit) * 4);background:#fff;border-radius:16px;box-shadow:var(--shadow-sm)}.review-content p{font-size:1.0625rem;line-height:2;color:var(--color-charcoal);text-align:justify}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing-unit) * 3)}.related-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-speed) ease}.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.related-image{position:relative;width:100%;padding-top:133.33%;overflow:hidden;background:var(--color-cream)}.related-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.related-card:hover .related-image img{transform:scale(1.1)}.related-info{padding:calc(var(--spacing-unit) * 2);text-align:center}.related-info h4{font-size:1rem;color:var(--color-charcoal);margin-bottom:calc(var(--spacing-unit) * 1)}.related-info p{font-size:.9375rem;color:var(--color-rose-primary);font-weight:600}@media (max-width: 1024px){.detail-layout{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 4)}.detail-gallery{position:static}.related-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.detail-title{font-size:2rem}.detail-price{font-size:1.5rem}.detail-actions{flex-direction:column}.related-grid{grid-template-columns:repeat(2,1fr)}.review-content{padding:calc(var(--spacing-unit) * 3)}}@media (max-width: 480px){.thumbnail-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr}}.info-page{padding-bottom:calc(var(--spacing-unit) * 10)}.info-hero{padding:calc(var(--spacing-unit) * 10) 0 calc(var(--spacing-unit) * 8);text-align:center;color:#fff}.info-hero h1{color:#fff;margin-bottom:calc(var(--spacing-unit) * 2);font-size:clamp(2.5rem,5vw,3.5rem)}.info-hero p{font-size:1.25rem;opacity:.95}.info-section{padding:calc(var(--spacing-unit) * 8) 0;border-bottom:1px solid #E0E0E0}.info-section:last-child{border-bottom:none}.info-section h2{text-align:center;margin-bottom:calc(var(--spacing-unit) * 6);color:var(--color-rose-dark);position:relative}.info-section h2:after{content:"";display:block;width:60px;height:3px;background:var(--color-gold);margin:calc(var(--spacing-unit) * 2) auto 0}.content-layout{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 6);align-items:center}.content-text p{font-size:1.0625rem;line-height:1.9;color:var(--color-charcoal);margin-bottom:calc(var(--spacing-unit) * 3);text-align:justify}.content-image{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md)}.image-placeholder{aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.timeline{max-width:900px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;left:100px;top:0;bottom:0;width:2px;background:var(--color-rose-light)}.timeline-item{display:grid;grid-template-columns:100px 1fr;gap:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 6);position:relative}.timeline-year{font-size:1.5rem;font-weight:600;color:var(--color-rose-primary);text-align:right;padding-right:calc(var(--spacing-unit) * 2);position:relative}.timeline-year:after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:var(--color-rose-primary);border:4px solid white;border-radius:50%;box-shadow:0 0 0 2px var(--color-rose-light)}.timeline-content{padding:calc(var(--spacing-unit) * 3);background:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}.timeline-content h3{font-size:1.25rem;color:var(--color-charcoal);margin-bottom:calc(var(--spacing-unit) * 1)}.timeline-content p{color:var(--color-soft-gray);line-height:1.6}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing-unit) * 3)}.value-card{text-align:center;padding:calc(var(--spacing-unit) * 4);background:#fff;border-radius:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-speed) ease}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.value-icon{font-size:3rem;color:var(--color-rose-primary);margin-bottom:calc(var(--spacing-unit) * 2)}.value-card h3{font-size:1.125rem;color:var(--color-charcoal);margin-bottom:calc(var(--spacing-unit) * 2)}.value-card p{font-size:.9375rem;color:var(--color-soft-gray);line-height:1.6}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 4)}.contact-item{padding:calc(var(--spacing-unit) * 4);background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);text-align:center}.contact-item h3{font-size:1.125rem;color:var(--color-rose-dark);margin-bottom:calc(var(--spacing-unit) * 2)}.contact-item p{font-size:1.25rem;font-weight:600;color:var(--color-charcoal);margin-bottom:calc(var(--spacing-unit) * 1)}.contact-item small{font-size:.875rem;color:var(--color-soft-gray)}.service-intro{max-width:800px;margin:0 auto calc(var(--spacing-unit) * 6);text-align:center}.service-intro p{font-size:1.0625rem;line-height:1.8;color:var(--color-soft-gray)}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 4)}.service-card{text-align:center;padding:calc(var(--spacing-unit) * 4);background:#fff;border-radius:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-speed) ease}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.service-icon{font-size:3.5rem;margin-bottom:calc(var(--spacing-unit) * 2)}.service-card h3{font-size:1.25rem;color:var(--color-charcoal);margin-bottom:calc(var(--spacing-unit) * 2)}.service-card p{font-size:.9375rem;color:var(--color-soft-gray);line-height:1.6;margin-bottom:calc(var(--spacing-unit) * 1)}.guide-item{max-width:900px;margin:0 auto calc(var(--spacing-unit) * 5);padding:calc(var(--spacing-unit) * 4);background:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}.guide-item h3{font-size:1.25rem;color:var(--color-rose-dark);margin-bottom:calc(var(--spacing-unit) * 2)}.guide-item ul{list-style:none;padding:0}.guide-item li{padding:calc(var(--spacing-unit) * 1.5) 0;padding-left:calc(var(--spacing-unit) * 4);border-bottom:1px solid #F0F0F0;position:relative;color:var(--color-charcoal);line-height:1.6}.guide-item li:last-child{border-bottom:none}.guide-item li:before{content:"•";position:absolute;left:calc(var(--spacing-unit) * 2);color:var(--color-rose-primary);font-size:1.5rem;line-height:1}.faq-list{max-width:900px;margin:0 auto}.faq-item{padding:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 3);background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);transition:all var(--transition-speed) ease}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-item h3{font-size:1.125rem;color:var(--color-rose-dark);margin-bottom:calc(var(--spacing-unit) * 2)}.faq-item p{font-size:1rem;color:var(--color-charcoal);line-height:1.8}.legal-content{max-width:900px;margin:0 auto;padding:calc(var(--spacing-unit) * 4);background:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}.legal-content p{font-size:1rem;line-height:1.9;color:var(--color-charcoal);margin-bottom:calc(var(--spacing-unit) * 2);text-align:justify}.legal-content strong{color:var(--color-rose-dark)}.legal-section{max-width:900px;margin:0 auto calc(var(--spacing-unit) * 4);padding:calc(var(--spacing-unit) * 4);background:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}.legal-section h3{font-size:1.25rem;color:var(--color-rose-dark);margin-bottom:calc(var(--spacing-unit) * 2)}.legal-section p{font-size:1rem;line-height:1.8;color:var(--color-charcoal);margin-bottom:calc(var(--spacing-unit) * 2)}.legal-section ul{list-style:none;padding:0}.legal-section li{padding:calc(var(--spacing-unit) * 1) 0;padding-left:calc(var(--spacing-unit) * 3);position:relative;color:var(--color-charcoal);line-height:1.6}.legal-section li:before{content:"▸";position:absolute;left:0;color:var(--color-rose-primary)}.legal-footer{max-width:900px;margin:0 auto;padding:calc(var(--spacing-unit) * 4);background:var(--color-cream);border-radius:12px;text-align:center}.legal-footer p{font-size:.9375rem;color:var(--color-soft-gray);margin-bottom:calc(var(--spacing-unit) * 1)}.legal-footer p:last-child{margin-bottom:0}@media (max-width: 1024px){.values-grid{grid-template-columns:repeat(2,1fr)}.service-cards{grid-template-columns:1fr}}@media (max-width: 768px){.content-layout{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item{grid-template-columns:1fr}.timeline-year{text-align:left;padding-right:0;padding-left:calc(var(--spacing-unit) * 5)}.timeline-year:after{left:0;right:auto}.values-grid,.contact-grid{grid-template-columns:1fr}}.video-player{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9}.video-element{width:100%;height:100%;display:block}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);opacity:0;transition:opacity var(--transition-speed) ease}.video-player:hover .video-controls{opacity:1}.video-controls button{color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.video-controls button:hover{background:#fff3}.progress-container{flex:1;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1)}.progress-bar{width:100%;height:4px;background:#ffffff4d;border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.progress-filled{height:100%;background:var(--color-rose-primary);width:0;transition:width .1s ease}.time-display{display:flex;justify-content:space-between;font-size:.75rem;color:#fff}.volume-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:none;align-items:center;justify-content:center}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.volume-slider{display:none}.video-controls{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1);gap:calc(var(--spacing-unit) * 1)}.video-controls button{width:36px;height:36px}}