:root{--ink:#18221b;--cream:#f4eddf;--paper:#faf7f0;--rust:#a74625}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font:600 24px "Cormorant Garamond",serif}.brand>span:last-child{line-height:.75}.brand small{display:block;font:600 7px "DM Sans",sans-serif;letter-spacing:.18em;margin-top:8px}.logo{width:44px;height:44px;border:1px solid var(--rust);display:grid;place-items:center;color:var(--rust);font-size:25px;transform:rotate(-3deg)}.logo small{display:inline;font-size:9px;margin:0}nav{display:flex;gap:34px;font-size:13px}.dark-button,.cream-button,button{padding:15px 20px;font-size:12px;font-weight:600}.dark-button{background:var(--ink);color:white}.hero{height:calc(100vh - 88px);min-height:650px;display:flex;align-items:center;color:white;background:linear-gradient(90deg,#0d1711e8,#0e17108c 48%,transparent 80%),url("phoenix80-hero.png") center/cover}.hero-content{width:760px;max-width:82%;margin-left:8.5%}.eyebrow{color:var(--rust);font-size:10px;letter-spacing:.3em;font-weight:600;margin:0 0 24px}.light{color:#e7c7a2}.hero h1,h2{font:500 clamp(50px,6vw,92px)/.86 "Cormorant Garamond",serif;letter-spacing:-.025em;margin:0}.hero h1{font-size:clamp(62px,7.4vw,110px)}.hero h1 em{color:#e8caa4}.hero-content>p:not(.eyebrow){max-width:590px;line-height:1.7;color:#ffffffcc;margin:32px 0}.cream-button{display:inline-block;background:var(--cream);color:var(--ink)}.highlights{background:var(--cream);display:grid;grid-template-columns:repeat(3,1fr);gap:4%;padding:25px 8.5%;font-size:9px;letter-spacing:.15em}.highlights p{margin:0}.highlights b{color:var(--rust);margin-right:14px}.section{padding:115px 8.5%}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.copy{padding-top:25px;color:#5b645d;line-height:1.8;font-size:14px}.copy .lead{color:var(--ink);font:500 25px/1.45 "Cormorant Garamond",serif}.line-link{display:inline-block;border-bottom:1px solid var(--ink);padding:12px 0;margin-top:12px;font-weight:600;font-size:12px}.products{background:#e9e2d4}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.cards article{background:var(--paper);padding-bottom:22px}.cards h3,.cards p{margin-left:22px;margin-right:22px}.cards h3,.benefits h3{font:500 26px "Cormorant Garamond",serif;margin-bottom:5px}.cards p{font-size:11px;color:#70736e}.product-image{height:300px;background:#bd824a}.focaccia{background:radial-gradient(circle at 35% 45%,#6a7330 0 6px,transparent 7px),radial-gradient(circle at 68% 61%,#8f3d2b 0 8px,transparent 9px),#d29a54}.loaves{background:repeating-linear-gradient(100deg,transparent 0 60px,#ead3a2 61px 68px),#bd7738}.special{background:radial-gradient(circle at 30% 48%,#9e352a 0 16px,transparent 17px),radial-gradient(circle at 68% 34%,#ddd18b 0 11px,transparent 12px),#d3a25e}.trade{background:var(--ink);color:white}.benefits article{position:relative;border-top:1px solid #ffffff2e;padding:22px 0 25px 48px}.benefits b{position:absolute;left:0;color:#d6b48b;font-size:10px}.benefits h3{margin-top:0}.benefits p{color:#ffffff99;font-size:12px}.contact{background:var(--cream)}.contact>div>p:last-child{color:#5b625c;line-height:1.7}form{display:flex;flex-direction:column;gap:18px}label{display:flex;flex-direction:column;gap:7px;font-size:9px;letter-spacing:.16em;font-weight:600}input,textarea{border:0;border-bottom:1px solid #a7a092;background:transparent;padding:9px 2px;font:14px "DM Sans";outline:none}button{border:0;background:var(--rust);color:white;cursor:pointer;align-self:start}form small{font-size:9px;color:#746f67}footer{background:#101712;color:white;padding:55px 8.5% 30px;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer>p{color:#ffffff8c;font-size:12px}footer>small{grid-column:1/-1;border-top:1px solid #ffffff1f;padding-top:22px;color:#ffffff59;font-size:9px}
@media(max-width:800px){header{height:76px;padding:0 20px}nav{display:none}.dark-button{padding:11px}.brand{font-size:20px}.hero{height:auto;min-height:700px;background-position:60% center}.hero-content{max-width:none;margin:0 24px}.hero h1{font-size:58px}.highlights,.two-column,.cards{grid-template-columns:1fr}.highlights{gap:14px;padding:24px}.section{padding:78px 24px}.two-column{gap:42px}.product-image{height:260px}footer{grid-template-columns:1fr}footer>small{grid-column:auto}}