.header{width:100%;padding:1.1rem 0;background-color:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2}.header-container{max-width:1400px;margin:0 auto;padding:0 1.25rem;display:flex;justify-content:center;align-items:center}.brand-name{margin:0;line-height:0}.brand-logo{height:3.25rem;width:auto;display:block;object-fit:contain}@media (max-width: 768px){.brand-logo{height:2.5rem}.header{padding:.9rem 0}}.hero-banner{width:100%;margin:0 auto;overflow:hidden}.hero-banner-image-wrap{width:100%;line-height:0}.hero-banner-image{width:100%;height:auto;display:block;vertical-align:middle}.banner-container{display:grid;grid-template-columns:repeat(3,1fr);height:70vh;min-height:600px;gap:0}.banner-panel{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.panel-image{width:100%;height:100%;position:relative}.image-placeholder{width:100%;height:100%;position:relative;background-size:cover;background-position:center}.panel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:flex-end;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.4),transparent)}.panel-content{width:100%}.panel-text{color:#fff;font-size:1.2rem;font-weight:300;letter-spacing:.2rem;text-transform:uppercase;font-family:Cormorant Garamond,Georgia,serif}.center-content{text-align:center}.main-title{color:#fff;font-size:3rem;font-weight:400;letter-spacing:.3rem;text-transform:uppercase;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-family:Cinzel,Cormorant Garamond,Georgia,serif}.subtitle{color:#fff;font-size:1rem;font-weight:300;letter-spacing:.15rem;text-transform:uppercase;margin-bottom:.5rem;font-family:Cormorant Garamond,Georgia,serif}.location{color:#fff;font-size:.9rem;font-weight:300;letter-spacing:.1rem;text-transform:uppercase;font-family:Cormorant Garamond,Georgia,serif}.craft-image{background:linear-gradient(135deg,#d4a574,#b8936a)}.craft-texture{width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 20px);position:relative}.craft-texture:before{content:"";position:absolute;top:20%;left:30%;width:40%;height:60%;background:#8b73554d;border-radius:5px;box-shadow:inset 0 0 20px #0003,0 5px 15px #0000001a}.lifestyle-image{background:linear-gradient(135deg,#c9b8a8,#a89686)}.center-panel-image{position:relative}.panel-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.lifestyle-scene{width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(255,255,255,.1) 0%,transparent 70%),linear-gradient(to bottom,#d4c4b4,#b8a896);position:relative}.lifestyle-scene:before{content:"";position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:30%;height:60%;background:#65432166;border-radius:50% 50% 0 0;box-shadow:0 -10px 30px #0003}.lifestyle-scene:after{content:"";position:absolute;bottom:5%;left:45%;width:15%;height:20%;background:#8b735580;border-radius:50%;box-shadow:0 5px 15px #0000004d}.detail-image{background:linear-gradient(135deg,#8b7355,#6b5d47)}.leather-detail{width:100%;height:100%;position:relative;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.1) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(0,0,0,.1) 1px,transparent 1px);background-size:30px 30px,25px 25px}.metal-clasp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:60px;background:linear-gradient(135deg,#d4af37,#b8941f);border-radius:8px;box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #ffffff4d;display:flex;align-items:center;justify-content:center}.metal-clasp:before{content:"";width:60%;height:2px;background:#0000004d;border-radius:1px}.metal-clasp:after{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:30%;height:30%;background:#0003;border-radius:2px}@media (max-width: 1024px){.banner-container{height:60vh;min-height:500px}.main-title{font-size:2rem}}@media (max-width: 768px){.banner-container{grid-template-columns:1fr;height:auto;min-height:auto}.banner-panel{height:50vh;min-height:400px}.main-title{font-size:1.5rem;letter-spacing:.2rem}.panel-text{font-size:1rem}}.product-grid-section{width:100%;padding:2rem 1rem;background-color:#f5f5f5}.product-grid-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.product-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.product-row:last-child{grid-template-columns:repeat(2,1fr)}.product-item{display:flex;flex-direction:column;align-items:center;gap:.75rem}.product-image-wrapper{width:100%;aspect-ratio:1;position:relative;overflow:hidden}.product-image{width:100%;height:100%;background-color:#e8e8e8;display:flex;align-items:center;justify-content:center;position:relative}.product-img{width:100%;height:100%;object-fit:cover;display:block}.bag-placeholder{width:80%;height:80%;position:relative;display:flex;align-items:center;justify-content:center}.bag-shape{width:70%;height:85%;background:linear-gradient(135deg,#654321,#3d2817);border-radius:8px;position:relative;box-shadow:0 10px 30px #0000004d,inset 0 2px 5px #ffffff1a;display:flex;flex-direction:column;align-items:center;padding-top:15%}.bag-shape.heritage{background:linear-gradient(135deg,#5a4a3a,#3d2e1f)}.bag-handle{position:absolute;top:8%;left:50%;transform:translate(-50%);width:60%;height:8%;border:3px solid #d4af37;border-bottom:none;border-radius:20px 20px 0 0;background:transparent}.bag-handle:before,.bag-handle:after{content:"";position:absolute;top:100%;width:15%;height:20%;border:2px solid #d4af37;border-top:none;border-radius:0 0 8px 8px}.bag-handle:before{left:10%}.bag-handle:after{right:10%}.bag-strap{position:absolute;top:25%;left:50%;transform:translate(-50%);width:3px;height:40%;background:linear-gradient(to bottom,#d4af37,#b8941f);border-radius:2px;box-shadow:0 2px 4px #0003}.bag-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:15%;background:linear-gradient(135deg,#d4af37,#b8941f);border-radius:4px;box-shadow:0 2px 8px #0000004d,inset 0 1px 2px #ffffff4d;display:flex;align-items:center;justify-content:center}.bag-logo:before{content:"G";color:#0000004d;font-size:1.2rem;font-weight:700;font-family:Cinzel,Cormorant Garamond,Georgia,serif}.craft-tool-scene{width:100%;height:100%;background:linear-gradient(135deg,#e8dcc6,#d4c4b0);position:relative;display:flex;align-items:center;justify-content:center}.craft-tool-scene:before{content:"";position:absolute;width:60%;height:40%;background:linear-gradient(135deg,#d4a574,#b8936a);border-radius:4px;box-shadow:0 4px 10px #0003;transform:rotate(-5deg)}.craft-tool-scene:after{content:"";position:absolute;width:4px;height:30%;background:linear-gradient(to bottom,#654321,#3d2817);border-radius:2px;transform:rotate(15deg) translate(20%,-30%);box-shadow:0 2px 4px #0000004d}.collection-label{font-size:.9rem;font-weight:300;letter-spacing:.15rem;text-transform:uppercase;color:#666;text-align:center;font-family:Cormorant Garamond,Georgia,serif}@media (max-width: 1024px){.product-row{gap:1.5rem}}@media (max-width: 768px){.product-grid-section{padding:3rem 1.5rem}.product-row{grid-template-columns:1fr;gap:2rem}.product-image-wrapper{max-width:500px;margin:0 auto}}@media (min-width: 769px) and (max-width: 1024px){.product-row{grid-template-columns:repeat(2,1fr)}.product-row:last-child{grid-template-columns:repeat(2,1fr)}.product-row:last-child .product-item:last-child{grid-column:1 / -1;max-width:500px;margin:0 auto}}.footer{width:100%;padding:3rem 1.5rem;background-color:#fff;border-top:1px solid #e5e5e5}.footer-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-brand{margin:0;line-height:0}.footer-logo{height:3.25rem;width:auto;display:block;object-fit:contain}.footer-tagline{font-size:1rem;font-weight:300;letter-spacing:.2rem;color:#666;text-transform:uppercase;font-family:Cormorant Garamond,Georgia,serif}@media (max-width: 768px){.footer{padding:2.5rem 1.25rem}.footer-logo{height:2.5rem}.footer-tagline{font-size:.9rem}}.App{width:100%;min-height:100vh;background-color:#fafafa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cormorant Garamond,Georgia,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c2c2c;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
