:root{--espresso:#2e211a;--brown:#5b4334;--taupe:#8c7768;--cream:#f8f4ed;--cream-dark:#eee5d9;--white:#fff;--border:#ded3c6;--text-light:#776a60;--sand:#d9c2a6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--espresso)}a{color:inherit}
.navbar{position:sticky;top:0;z-index:1000;background:rgba(248,244,237,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(46,33,26,.08)}
.nav-container{max-width:1280px;margin:auto;min-height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;flex-direction:column;text-decoration:none;line-height:1}.brand-main{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-style:italic}.brand-small{margin-top:5px;font-size:9px;letter-spacing:5px;font-weight:bold}
.desktop-nav{display:flex;align-items:center;gap:30px}.desktop-nav a{text-decoration:none;font-size:14px;color:var(--brown);transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--espresso);border-bottom:1px solid var(--espresso);padding-bottom:5px}
.order-button,.primary-button,.light-button,.secondary-button{display:inline-block;text-decoration:none;border-radius:999px;transition:.25s ease}.order-button{padding:12px 21px;background:var(--espresso);color:white;font-size:13px}.order-button:hover,.primary-button:hover{transform:translateY(-2px);background:var(--brown)}
.mobile-menu-button{display:none;border:0;background:transparent;font-size:25px;cursor:pointer;margin-left:15px}.mobile-nav{display:none}
.hero{max-width:1380px;min-height:690px;margin:auto;display:grid;grid-template-columns:.93fr 1.07fr;align-items:stretch;overflow:hidden;background:linear-gradient(90deg,#fbf7f0 0%,#f8f4ed 47%,#efe3d4 100%)}
.hero-content{padding:86px 30px 70px max(38px,calc((100vw - 1280px)/2));position:relative;z-index:2}.eyebrow{margin:0 0 18px;color:var(--taupe);font-size:11px;font-weight:bold;letter-spacing:3px}
.hero h1{max-width:620px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,6.5vw,92px);font-weight:normal;line-height:.94;letter-spacing:-3px}.hero h1 span{display:block;font-style:italic;color:var(--brown)}
.hero-description{max-width:560px;margin:30px 0;color:var(--text-light);font-size:17px;line-height:1.8}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.primary-button{padding:16px 27px;background:var(--espresso);color:white}.secondary-button{padding:15px 27px;border:1px solid #bba999;background:rgba(255,255,255,.18);text-decoration:none}.secondary-button:hover{transform:translateY(-2px);background:white}
.hero-features{margin-top:55px;display:flex;gap:46px}.hero-features div{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center}.feature-icon{grid-row:1/3;font-size:26px}.hero-features strong{font-family:Georgia,serif;font-size:16px;font-weight:normal}.hero-features small{color:var(--taupe);font-size:11px}
.hero-visual{position:relative;min-height:690px;overflow:hidden}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,244,237,.25),transparent 25%),linear-gradient(0deg,rgba(30,20,14,.15),transparent 45%);pointer-events:none}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-script{position:absolute;z-index:2;top:65px;left:52px;color:white;font-family:"Brush Script MT","Segoe Script",cursive;font-size:32px;line-height:1.18;transform:rotate(-5deg);text-shadow:0 2px 14px rgba(0,0,0,.35)}
.hero-seal{position:absolute;z-index:3;right:24px;bottom:24px;width:138px;height:138px;border-radius:50%;background:#f7efe4;border:1px solid #9f8772;box-shadow:0 12px 35px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(5deg)}.hero-seal span{font-family:Georgia,serif;font-style:italic;font-size:13px}.hero-seal strong{font-size:12px;letter-spacing:2px;margin:8px 0}.hero-seal small{font-size:9px;letter-spacing:1px}
.categories-section,.gallery-section,.how-section{padding:100px 28px}.categories-section{background:#fffaf3}.section-heading{max-width:760px;margin:0 auto 50px;text-align:center}.section-heading h2,.story-copy h2,.cta-section h2{margin:0 0 16px;font-family:Georgia,serif;font-size:clamp(38px,5vw,58px);font-weight:normal;line-height:1.08}.section-heading>p:last-child,.story-copy>p{color:var(--text-light);line-height:1.8}.ornament{margin:8px 0 12px;color:#9c826c;font-family:Georgia,serif}.ornament.left{text-align:left}
.category-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{background:#fff;border:1px solid #e7ddd1;border-radius:9px;overflow:hidden;text-decoration:none;box-shadow:0 8px 22px rgba(61,42,29,.07);transition:.3s}.category-card:hover{transform:translateY(-7px);box-shadow:0 18px 35px rgba(61,42,29,.12)}.category-image{height:205px;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.category-card:hover img{transform:scale(1.045)}.category-copy{padding:24px}.category-number{color:var(--taupe);font-family:Georgia,serif;font-size:18px}.category-card h3{margin:5px 0 12px;font-family:Georgia,serif;font-size:28px;font-weight:normal}.category-card p{min-height:68px;color:var(--text-light);font-size:14px;line-height:1.65}.discover{display:inline-block;margin-top:8px;font-size:13px;font-weight:bold}
.story-feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:560px;background:#f1e4d4}.story-photo{position:relative;min-height:560px;overflow:hidden}.story-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}.story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(31,20,14,.28),transparent 60%)}.story-script{position:absolute;z-index:2;right:55px;top:48px;color:#fff;font-family:"Brush Script MT","Segoe Script",cursive;font-size:42px;line-height:1.1;transform:rotate(-4deg);text-shadow:0 2px 15px rgba(0,0,0,.4)}.story-copy{align-self:center;max-width:600px;padding:70px 70px}.story-copy p{font-size:15px}.story-copy .primary-button{margin-top:15px}
.gallery-section{background:#fbf5ec;position:relative}.gallery-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.gallery-grid figure{position:relative;margin:0;height:330px;overflow:hidden;border-radius:9px;box-shadow:0 8px 25px rgba(51,34,23,.1)}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.45s}.gallery-grid figure:hover img{transform:scale(1.05)}.gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:36px 15px 14px;color:#fff;font-family:Georgia,serif;font-size:16px;background:linear-gradient(transparent,rgba(27,17,11,.75));opacity:0;transition:.3s}.gallery-grid figure:hover figcaption{opacity:1}.gallery-action{text-align:center;margin-top:42px}
.steps-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:45px}.step span{display:inline-flex;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;align-items:center;justify-content:center;color:var(--taupe);font-size:11px}.step h3{margin:24px 0 12px;font-family:Georgia,serif;font-size:24px;font-weight:normal}.step p{color:var(--text-light);font-size:14px;line-height:1.7}
.cta-section{padding:110px 28px;background:var(--espresso);color:#fff;text-align:center}.cta-section h2{max-width:760px;margin-left:auto;margin-right:auto}.cta-section>p:not(.eyebrow){max-width:550px;margin:20px auto 35px;color:#d7cabe;line-height:1.7}.eyebrow.light{color:#bba999}.light-button{padding:16px 30px;background:#fff;color:var(--espresso)}
footer{padding:70px 28px 25px;background:#211712;color:#fff}.footer-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:50px}.footer-logo{color:white}.footer-brand p,.footer-column p{color:#a99b91;font-size:13px;line-height:1.7}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h4{margin:0 0 10px;font-size:13px}.footer-column a{color:#a99b91;font-size:13px;text-decoration:none}.footer-column a:hover{color:white}.footer-bottom{max-width:1200px;margin:60px auto 0;padding-top:25px;border-top:1px solid rgba(255,255,255,.1);color:#80736b;font-size:11px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:950px){.desktop-nav{display:none}.mobile-menu-button{display:block}.mobile-nav.open{display:flex;flex-direction:column;gap:15px;padding:5px 28px 25px}.mobile-nav a{text-decoration:none}.hero{grid-template-columns:1fr}.hero-content{padding:65px 35px}.hero-visual{min-height:600px}.category-grid{grid-template-columns:repeat(2,1fr)}.story-feature{grid-template-columns:1fr}.story-copy{max-width:none}.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid figure:nth-child(n+4){height:260px}.steps-grid{grid-template-columns:repeat(2,1fr)}.footer-container{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nav-container{min-height:72px;padding:0 18px}.brand-main{font-size:23px}.order-button{display:none}.hero-content{padding:55px 20px}.hero h1{font-size:56px;letter-spacing:-2px}.hero-description{font-size:16px}.hero-buttons{flex-direction:column}.hero-buttons a{text-align:center}.hero-features{gap:18px;justify-content:space-between}.hero-features div{grid-template-columns:1fr;text-align:center}.feature-icon{grid-row:auto}.hero-visual{min-height:500px}.hero-script{top:30px;left:24px;font-size:25px}.hero-seal{width:110px;height:110px;right:14px;bottom:14px}.categories-section,.gallery-section,.how-section{padding:75px 20px}.category-grid,.steps-grid,.footer-container{grid-template-columns:1fr}.category-image{height:240px}.story-photo{min-height:470px}.story-script{right:25px;top:30px;font-size:33px}.story-copy{padding:65px 22px}.gallery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.gallery-grid figure,.gallery-grid figure:nth-child(n+4){min-width:78vw;height:360px;scroll-snap-align:center}.gallery-grid figcaption{opacity:1}.footer-bottom{flex-direction:column}}