*,*::before,*::after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;font-family:helvetica neue,Helvetica,Arial,sans-serif;line-height:1.7;color:#2d2d2d;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:#8b4513}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:300;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1.5rem}ul,ol{margin-top:0;margin-bottom:1.5rem;padding-left:2rem}img{max-width:100%;height:auto;display:block;border-radius:4px}.container{width:90%;max-width:1200px;margin:0 auto;padding:0}.section{padding:6rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:300;margin-bottom:1rem;letter-spacing:-.5px}.section-subtitle{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto}.site-header{position:relative;z-index:1000;padding:3rem 0;border-bottom:1px solid #eee}.site-header .container{display:flex;justify-content:space-between;align-items:center}.site-title{font-size:2rem;font-weight:300;letter-spacing:-.5px;margin:0}.site-nav ul{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}.site-nav a{font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.site-nav a:hover{color:#8b4513}.hero{position:relative;min-height:80vh;min-height:600px;background-color:#fafafa;overflow:hidden;display:flex;align-items:center}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.85);z-index:1}.hero-content{position:relative;z-index:2;width:90%;max-width:1200px;margin:0 auto;text-align:center;padding:0 2rem}.hero h1{font-size:3.5rem;font-weight:300;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-1px}.hero p{font-size:1.5rem;color:#666;max-width:700px;margin:0 auto 2.5rem}.hero-button{display:inline-block;padding:1rem 2.5rem;background-color:transparent;border:2px solid #8b4513;color:#8b4513;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-radius:0;transition:all .3s ease;cursor:pointer}.hero-button:hover{background-color:#8b4513;color:#fff}.work-section{padding:6rem 0;background-color:#fafafa}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem}.work-card{position:relative;overflow:hidden;border-radius:0;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,8%);transition:all .4s cubic-bezier(.25,.8,.25,1);display:block;text-decoration:none;color:inherit}.work-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.work-card-image{position:relative;height:0;padding-bottom:75%;overflow:hidden;background-color:#f0f0f0}.work-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card:hover .work-card-image img{transform:scale(1.05)}.work-card-content{padding:2rem}.work-card-title{font-size:1.5rem;font-weight:400;margin-bottom:.5rem}.work-card-excerpt{font-size:1rem;color:#666;line-height:1.6;margin:0}.view-all{display:block;width:fit-content;margin:3rem auto 0;padding:.75rem 2rem;border:2px solid #8b4513;color:#8b4513;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:center;border-radius:0;transition:all .3s ease}.view-all:hover{background-color:#8b4513;color:#fff}.detail-section{padding:6rem 0}.bag-detail{max-width:800px;margin:0 auto;padding:0 2rem}.detail-header{text-align:center;margin-bottom:4rem}.detail-title{font-size:3rem;font-weight:300;margin-bottom:1rem;letter-spacing:-.5px}.detail-subtitle{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto}.detail-content{font-size:1.125rem;line-height:1.8;color:#333}.detail-content p{margin-bottom:2rem}.detail-content h2,.detail-content h3{font-weight:400;margin-top:2.5rem;margin-bottom:1.5rem}.detail-content img{border-radius:0;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:2.5rem 0}.detail-tags{text-align:center;margin:2.5rem 0}.tag{display:inline-block;background-color:rgba(139,69,19,8%);color:#8b4513;padding:.3rem .8rem;border-radius:3px;font-size:.875rem;margin:.25rem;border:1px solid rgba(139,69,19,.2)}.site-footer{background-color:#fafafa;padding:4rem 0;border-top:1px solid #eee}.footer-content{text-align:center}.footer-content p{margin:.5rem 0;color:#666;font-size:.9rem}.footer-text{font-style:italic;color:#888}@media(max-width:1024px){.hero h1{font-size:3rem}.hero p{font-size:1.25rem}.section-title{font-size:2.25rem}.work-grid{gap:2rem}}@media(max-width:768px){.site-header{padding:2rem 0}.site-header .container{flex-direction:column;gap:1.5rem;text-align:center}.site-nav ul{flex-wrap:wrap;justify-content:center}.hero{min-height:60vh;min-height:400px}.hero h1{font-size:2.5rem}.hero p{font-size:1.125rem}.section{padding:4rem 0}.section-title{font-size:2rem}.work-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.work-card-content{padding:1.5rem}.work-card-title{font-size:1.25rem}.bag-detail{padding:0 1.5rem}.detail-title{font-size:2.5rem}.detail-content{font-size:1rem}}@media(max-width:480px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.section-title{font-size:1.75rem}.work-grid{grid-template-columns:1fr}.view-all{margin:2rem auto 0}.detail-title{font-size:2rem}}