/*
Theme Name: By Hand & Heart LA
Theme URI: https://example.com
Author: Custom Studio
Description: An elegant, responsive boutique fragrance WordPress theme.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: byhandheart
*/
:root{--ivory:#fbf7f2;--blush:#f1ded9;--rose:#bd8c83;--brown:#543b35;--ink:#302621;--gold:#ae8b66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.7 'Jost',Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,.serif{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(3.5rem,8vw,7rem);margin:20px 0}h2{font-size:clamp(2.6rem,5vw,4.5rem);margin:12px 0 25px}h3{font-size:2rem;margin:10px 0}.eyebrow{text-transform:uppercase;letter-spacing:.27em;font-size:.72rem;font-weight:500}.wrap{max-width:1250px;margin:auto;padding:0 28px}.announcement{background:var(--brown);color:white;text-align:center;padding:9px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.header{background:rgba(251,247,242,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid #e7dcd4}.nav{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;letter-spacing:.11em;text-align:center;line-height:1}.brand small{display:block;font:9px Jost,Arial,sans-serif;letter-spacing:.32em;margin-top:8px}.nav-links{display:flex;gap:28px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.nav-links a:hover{color:var(--rose)}.button{display:inline-block;border:1px solid var(--brown);background:var(--brown);color:#fff;padding:14px 27px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;transition:.2s}.button:hover{background:transparent;color:var(--brown)}.button.light{background:transparent;color:var(--brown)}.button.light:hover{background:var(--brown);color:white}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;background:#f0e2d9}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:75px max(35px,calc((100vw - 1250px)/2));padding-right:40px}.hero-copy p{max-width:420px}.hero-photo{background:linear-gradient(140deg,#ead3c4,#c6a48b);position:relative;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-placeholder{height:100%;display:grid;place-items:center;text-align:center;color:#72544b;padding:35px}.hero-placeholder span{font-family:'Cormorant Garamond',serif;font-size:clamp(4rem,9vw,9rem);letter-spacing:.14em}.section{padding:105px 0}.center{text-align:center}.section-intro{max-width:650px;margin:0 auto 45px}.section-intro p{color:#75675f}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{text-align:center}.product-image{aspect-ratio:3/4;background:linear-gradient(145deg,#f4e7de,#dec2b4);overflow:hidden;display:grid;place-items:center;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.bottle-art{width:45%;height:50%;border-radius:13px 13px 23px 23px;background:linear-gradient(100deg,#ac6b2e,#e7a954 42%,#9b5626);position:relative;box-shadow:16px 20px 30px #7b503c44;display:flex;align-items:center;justify-content:center}.bottle-art:before{content:'';position:absolute;bottom:100%;height:20%;width:38%;background:linear-gradient(90deg,#b28b6e,#f9dfc7,#b18a68);border-radius:5px 5px 0 0}.bottle-art:after{content:'';position:absolute;bottom:118%;height:19%;width:48%;background:#fff9ef;border-radius:20px 20px 4px 4px}.bottle-art span{background:#fff3e7;padding:12px 4px;width:84%;font:16px 'Cormorant Garamond',serif;letter-spacing:.12em}.product-card .eyebrow{color:var(--rose);margin-top:23px}.product-card p{font-size:13px;color:#74645d;margin:0 0 15px}.split{display:grid;grid-template-columns:1fr 1fr;min-height:540px}.split-image{background:linear-gradient(130deg,#c6a38e,#e7d2c2);min-height:440px;position:relative}.split-image img{width:100%;height:100%;object-fit:cover;position:absolute}.split-content{background:var(--blush);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(35px,7vw,110px)}.split-content p{max-width:470px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center;margin-top:45px}.value-icon{font-family:Georgia,serif;font-size:30px;color:var(--gold)}.values h3{font-size:27px}.values p{font-size:14px;color:#78685e}.newsletter{background:#e9d5cd;padding:85px 0;text-align:center}.newsletter form{display:flex;max-width:490px;margin:30px auto 0}.newsletter input{min-width:0;flex:1;padding:16px;border:1px solid #b99d92;background:#fffaf6;font:inherit}.footer{background:#352923;color:#f9f2e9;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer a{display:block;margin:9px 0;font-size:13px}.footer small{color:#cdbab0}.footer-bottom{border-top:1px solid #6b5750;margin-top:50px;padding-top:22px;font-size:12px;color:#cdbab0}.menu-toggle{display:none;background:none;border:0;font-size:25px;cursor:pointer}.notice{margin:20px auto;padding:12px;border:1px solid #b99d92}.single-content{max-width:800px;margin:70px auto;padding:0 25px}.single-content h1{font-size:3.8rem}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.nav-links{gap:15px}.hero{min-height:550px}.hero-copy{padding:45px}.values{gap:20px}}@media(max-width:650px){.menu-toggle{display:block}.nav{min-height:75px}.nav-links{display:none;position:absolute;top:75px;left:0;right:0;background:var(--ivory);padding:25px;flex-direction:column;border-bottom:1px solid #e7dcd4}.nav-links.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 30px}.hero-photo{min-height:400px}.section{padding:70px 0}.product-grid{gap:14px}.split{grid-template-columns:1fr}.split-image{min-height:380px}.split-content{padding:65px 30px}.values{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.newsletter form{padding:0 15px}.newsletter .button{padding:14px}.brand{font-size:20px}}