:root{color-scheme:light;--orange:#f47920;--cream:#f8f4f0;--ink:#252322}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.header{background:var(--orange)}
.header-inner{max-width:1120px;margin:auto;padding:9px 32px}
.logo{display:block;width:270px;height:auto}
.hero{max-width:1240px;min-height:calc(100svh - 101px);margin:auto;padding:48px 32px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:32px}
.copy{padding:20px 0 16px 28px;position:relative;z-index:1}
.eyebrow{color:#cf5700;font-size:clamp(19px,2vw,25px);font-weight:700;line-height:1.4;margin:0 0 17px}
h1{font-family:"Trebuchet MS",Arial,sans-serif;font-size:clamp(65px,7.4vw,104px);font-weight:400;letter-spacing:-5px;line-height:1.08;margin:0 0 23px}
.rule{display:block;width:49px;height:3px;background:var(--orange);margin-bottom:19px}
.description{font-size:17px;line-height:1.85;max-width:470px;margin:0 0 27px;color:#595451}
.contact{border:0;border-radius:40px;background:var(--orange);color:#252322;font:700 16px "Trebuchet MS",Arial,sans-serif;min-width:149px;min-height:54px;padding:14px 30px;cursor:pointer;transition:background .18s,transform .18s}
.contact:hover{background:#e96c12;transform:translateY(-1px)}
:focus-visible{outline:3px solid #722d08;outline-offset:5px}
.address{min-height:42px;padding-top:16px;font-size:16px;overflow-wrap:anywhere}
.address a{color:#763405;text-underline-offset:4px;display:inline-block;animation:reveal .25s ease-out}
.product{margin:0;min-width:0}
.product img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
@keyframes reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{max-width:1370px;gap:50px}}
@media(max-width:760px){.header-inner{padding:10px 24px}.logo{width:220px}.hero{min-height:0;grid-template-columns:1fr;gap:8px;padding:42px 24px 0}.copy{padding:0;max-width:540px;margin:auto;width:100%}.eyebrow{font-size:19px;margin-bottom:14px}h1{font-size:clamp(58px,13.8vw,90px);letter-spacing:-3px;margin-bottom:20px}.description{font-size:16px;line-height:1.8}.product{width:100%;max-width:590px;margin:0 auto}.address{min-height:45px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Shared content edge aligns the original logo artwork with the hero text. */
.header-inner{max-width:1240px;padding:9px 60px}
.logo{margin-left:-13px}
main{position:relative;isolation:isolate;overflow:hidden}
main::before,main::after{content:"";position:absolute;pointer-events:none;z-index:-1;background-repeat:no-repeat;background-size:contain;mix-blend-mode:multiply}
main::before{left:0;top:100px;width:155px;height:175px;background-image:url('assets/flowers.webp')}
main::after{right:0;bottom:0;width:110px;height:150px;background-image:url('assets/leaves.webp');transform:scaleX(-1)}
.contact{border-radius:0;background:#edb340;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px}
.contact:hover{background:#dda02c}
.contact-icon{width:21px;height:24px;flex:none}
.product img{mix-blend-mode:normal}
@media(min-width:1500px){.header-inner{max-width:1370px}}
@media(max-width:1100px){main::before{width:85px;left:-35px;top:25px}}
@media(max-width:760px){.header-inner{max-width:588px;padding:10px 24px}.logo{margin-left:-11px}main::before{width:65px;left:-28px;top:12px;opacity:.7}main::after{width:70px;height:90px;opacity:.8}}
/* One shared layout edge, with no invisible side margin in the logo asset. */
.header-inner,.hero{max-width:1240px;padding-left:60px;padding-right:32px}
.copy{padding-left:0}
.logo{margin-left:0;width:241px}
.contact{display:inline-block;border-radius:40px;background:var(--orange)}
.contact:hover{background:#e96c12}
@media(min-width:1500px){.header-inner,.hero{max-width:1370px}}
@media(max-width:760px){.header-inner,.hero{max-width:none;padding-left:max(24px,calc((100% - 540px)/2));padding-right:max(24px,calc((100% - 540px)/2))}.logo{width:197px;margin-left:0}.copy{max-width:none;margin:0}}