:root{--cream:#faf8f3;--paper:#fffefa;--ink:#262722;--sage:#797c5c;--gold:#ae9465;--line:#dcd7cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.05}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.header{height:95px;display:flex;align-items:center;justify-content:space-between;padding:12px 5%;background:var(--paper);position:relative;z-index:10}.logo{display:flex;flex-direction:column;line-height:1;min-width:260px;text-align:center}.logo span{font-family:'Cormorant Garamond',serif;font-size:23px;letter-spacing:.015em}.logo em{font-family:'Cormorant Garamond',serif;color:var(--gold);font-size:35px;margin-top:-2px}.header nav{display:flex;gap:35px}.header nav a,.eyebrow,.btn,.feature-panel span,.text-link{font-size:10px;letter-spacing:.2em;font-weight:500}.header nav a:hover,.text-link:hover{color:var(--sage)}.bag,.menu-toggle{background:none;border:0;font-size:23px}.bag span{font-size:12px}.menu-toggle{display:none}.hero{min-height:570px;background:linear-gradient(90deg,rgba(23,26,19,.14),rgba(23,26,19,.02)),url('assets/hero-grandmillennial.webp') center 52%/cover;display:flex;align-items:center;padding:50px 7%}.hero-panel{width:385px;background:rgba(255,254,250,.97);border:4px double #bcb6a7;outline:9px solid rgba(255,254,250,.95);padding:28px 35px 32px;text-align:center}.eyebrow{letter-spacing:.18em}.hero h1{font-size:49px;letter-spacing:.025em;margin:20px 0}.hero-panel>p:not(.eyebrow){font-family:'Cormorant Garamond',serif;font-size:20px;line-height:1.25}.btn{display:inline-block;border:1px solid var(--sage);background:var(--sage);color:white;padding:14px 26px;letter-spacing:.16em;transition:background .2s}.btn:hover:not(:disabled){background:#62674b}.btn:disabled{opacity:.55;cursor:not-allowed}.features{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px 4% 55px}.feature{min-height:340px;display:flex;align-items:end;padding:25px;background-size:cover;background-position:center}.service-photo{background-image:url('assets/design-dining.webp')}.edit-photo{background-image:url('assets/the-edit.webp')}.feature-panel{background:rgba(255,254,250,.97);padding:22px 25px;width:255px;text-align:center}.feature-panel h2{font-size:29px;margin:12px 0}.feature-panel p:not(.eyebrow){font-family:'Cormorant Garamond',serif;font-size:17px;line-height:1.2}.feature-panel span{font-size:9px}.intro{max-width:1030px;margin:auto;display:grid;grid-template-columns:220px 1fr;gap:55px;align-items:center;padding:40px 35px 95px;text-align:center}.monogram{font-family:'Cormorant Garamond',serif;font-size:82px;color:var(--sage);border:2px solid #c5c5aa;width:170px;height:170px;border-radius:50%;display:grid;place-items:center}.intro h2{font-size:39px;margin:12px 0}.intro p:last-child{font-family:'Cormorant Garamond',serif;font-size:20px;line-height:1.4}.section{padding:85px 6%;text-align:center}.services{background:#efeee8}.section-head{max-width:650px;margin:0 auto 42px}.section-head h2,.contact h2{font-size:49px;margin:12px 0}.section-head>p:last-child,.contact>p:not(.eyebrow){font-family:'Cormorant Garamond',serif;font-size:21px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;max-width:1100px;margin:0 auto 35px}.service-grid article{background:var(--paper);padding:34px;border:1px solid var(--line)}.service-grid article span{color:var(--gold);letter-spacing:.2em}.service-grid h3{font-size:32px;margin:18px 0 8px}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:auto}.product{background:var(--paper);text-align:left}.product img{display:block;width:100%;aspect-ratio:4/4.5;object-fit:cover}.product-body{padding:16px 12px 22px}.product h3{font-size:26px;margin:0}.product .price{font-size:13px;color:#666}.product button{background:transparent;border:1px solid var(--sage);padding:10px 16px;font-size:10px;letter-spacing:.15em;margin-top:10px}.product button:hover{background:var(--sage);color:#fff}.shop-note,.form-note{font-size:11px;color:#777;margin-top:24px}.contact{background:#eeede6;padding:90px 6%;text-align:center}.contact form{max-width:680px;margin:40px auto 0;text-align:left}.contact label{display:block;font-size:12px;letter-spacing:.04em;margin-bottom:18px}.contact input,.contact select,.contact textarea{display:block;width:100%;border:1px solid #cfcabd;border-radius:0;background:#fffefa;padding:13px;margin-top:6px;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact form .btn{display:block;margin:25px auto 0}footer{text-align:center;padding:55px 20px 30px}.footer-logo{font-family:'Cormorant Garamond',serif;font-size:24px}.footer-logo em{color:var(--gold);display:block;font-size:30px}.footer-small{font-size:11px;color:#777;margin-top:35px}.overlay{position:fixed;inset:0;background:#0008;z-index:19}.overlay[hidden]{display:none}.cart{position:fixed;right:0;top:0;bottom:0;width:min(440px,100vw);background:var(--paper);z-index:20;transform:translateX(105%);transition:transform .25s;display:flex;flex-direction:column;padding:25px}.cart.open{transform:translateX(0)}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.cart-head h2{font-size:36px}.cart-head button{font-size:30px;background:none;border:0}.cart-items{overflow:auto;flex:1;padding-top:18px}.cart-item{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.cart-item img{width:75px;height:85px;object-fit:cover}.cart-item h3{font-size:23px;margin:0}.cart-item button{background:none;border:0;text-decoration:underline;font-size:11px;padding:0}.cart-foot{border-top:1px solid var(--line);padding-top:20px}.cart-foot p{font-size:12px}.cart-foot .btn{width:100%}.subtotal{display:flex;justify-content:space-between;font-size:16px}@media(max-width:900px){.header{height:80px}.header nav{gap:14px}.header nav a{font-size:9px}.logo{min-width:210px}.logo span{font-size:19px}.features{gap:12px}.feature{min-height:310px}.intro{gap:20px}.product-grid{gap:12px}}@media(max-width:680px){.header{height:75px;padding:10px 4%}.logo{min-width:auto}.logo span{font-size:18px}.logo em{font-size:28px}.menu-toggle{display:block;margin-left:auto}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;box-shadow:0 12px 20px #0001}.header nav.open{display:flex}.bag{margin-left:12px}.hero{min-height:540px;padding:40px 8%;justify-content:center}.hero-panel{width:min(100%,370px);padding:25px 20px}.hero h1{font-size:43px}.features{grid-template-columns:1fr;padding:20px}.feature{min-height:340px}.intro{display:block;padding:50px 25px 75px}.monogram{margin:0 auto 30px;width:120px;height:120px;font-size:60px}.intro h2{font-size:33px}.section{padding:65px 5%}.section-head h2,.contact h2{font-size:41px}.service-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product h3{font-size:21px}.product-body{padding:12px 7px}.product button{font-size:9px;padding:10px}.contact{padding:65px 6%}.form-row{grid-template-columns:1fr;gap:0}}@media(max-width:390px){.product-grid{grid-template-columns:1fr}.hero h1{font-size:38px}}

/* Updated grandmillennial photography treatment */
.hero{background-position:center center}.service-photo{background-position:center 45%}.edit-photo{background-position:center 50%}.feature{position:relative}.feature:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,26,19,.16),transparent 60%)}.feature-panel{position:relative;z-index:1}
