:root{--paper:#f7f4ec;--ink:#293b2f;--green:#334c37;--terra:#a7472f;--line:#d7d7c9;--muted:#626958}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,.button{background:var(--green);color:#fff;border:1px solid var(--green);cursor:pointer;border-radius:3px;padding:12px 22px;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#243b28}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--terra);outline-offset:4px}h1,h2,h3{margin:0 0 20px;font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{letter-spacing:-2px;font-size:clamp(40px,5vw,74px)}h2{font-size:36px}h3{font-size:26px}p{margin:0 0 18px}.header,main,footer{max-width:1240px;margin:auto;padding:0 44px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:115px;display:flex}.brand{font:26px Georgia,serif;text-decoration:none}.brand span{letter-spacing:2.8px;margin-top:8px;font:9px Arial,sans-serif;display:block}.header nav{align-items:center;gap:26px;font-size:13px;display:flex}.header nav a{text-decoration:none}.header nav form{margin:0}.text-button{color:var(--ink);background:0 0;border:0;padding:0}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:62px 0 72px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--terra);margin-bottom:18px;font-size:10px;font-weight:700}.intro{color:var(--muted);max-width:650px;font-size:17px;line-height:1.8}.hero .button{margin-top:15px}.plate-art{aspect-ratio:1.04;background:#e5e6d7;border-radius:48% 48% 4px 4px;place-items:center;display:grid;position:relative;overflow:hidden}.plate{aspect-ratio:1;background:#ede8d6;border:17px solid #f5f0dd;border-radius:50%;place-items:center;width:73%;display:grid;transform:rotate(-12deg);box-shadow:0 16px 30px #47523225,inset 0 0 0 2px #d8d4bc}.plate span{text-align:center;color:#7b694a;font:36px Georgia,serif}.plate em{font-size:26px}.plate-art small{letter-spacing:2px;font-size:8px;position:absolute;bottom:20px}.leaf{background:#596b3e;border-radius:100% 0;width:75px;height:26px;position:absolute;top:50%;right:0;transform:rotate(-40deg)}.l2{top:60%;right:22px;transform:rotate(12deg)}.l3{top:69%;right:5px;transform:rotate(45deg)}.collection{border-top:1px solid var(--line);padding:45px 0 70px}.section-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-title>span{color:var(--muted);font-size:13px}.search label{font-size:12px}.search>div{gap:10px;display:flex}.search input{flex:1;min-width:0;margin:4px 0 0}.categories{flex-wrap:wrap;gap:10px;margin:24px 0 32px;display:flex}.categories a{border:1px solid #c7cdbf;border-radius:30px;padding:8px 20px;font-size:13px;text-decoration:none}.categories .active{background:var(--green);color:#fff;border-color:var(--green)}.grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.card{border:1px solid var(--line);background:#fcfaf5;border-radius:4px;overflow:hidden}.card>a{text-decoration:none}.card-image{background:#e5dac0;place-items:center;height:220px;display:grid;position:relative}.card-image img{object-fit:cover;width:100%;height:100%}.tone-1{background:#dce1ce}.tone-2{background:#e6cec0}.tone-3{background:#d7ded9}.food-mark{color:#6e7653;font:120px Georgia,serif;transform:rotate(-25deg)}.no-photo{letter-spacing:2px;font-size:8px;position:absolute;bottom:15px}.card-body{padding:24px}.card h3{min-height:56px;font-size:25px}.card .eyebrow{margin-bottom:10px;font-size:9px}.meta{margin-bottom:8px;font-size:12px}.meta span{margin:0 7px}.meta b{float:right}.demo{color:#70503c;font-size:10px}.empty{border:1px dashed var(--line);grid-column:1/-1;padding:40px}.pagination{margin-top:30px}.pagination svg{width:20px}footer{border-top:1px solid var(--line);justify-content:space-between;gap:25px;padding-top:32px;padding-bottom:32px;font-size:12px;display:flex}footer>span{font:20px Georgia,serif}input,textarea,select{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #aeb6a6;border-radius:3px;margin:5px 0 18px;padding:11px 13px;display:block}label{font-size:13px;display:block}textarea{resize:vertical}.login{max-width:460px;margin:65px auto 100px}.login h1{font-size:48px}.login form{margin-top:30px}.notice,.errors{border-left:3px solid var(--green);background:#e3eadb;margin:22px 0;padding:18px 22px}.errors{border-color:var(--terra);background:#f6e6df}.admin{padding:45px 0 80px}.admin h1{font-size:48px}.admin h2{margin-top:40px}.admin-list article{border-bottom:1px solid var(--line);align-items:center;gap:22px;padding:20px 0;display:flex}.admin-list article>div{flex:1}.admin-list h3{margin-bottom:8px;font-size:24px}.admin-list p{margin:0;font-size:13px}.danger{color:#8b321e;background:0 0;border-color:#c89988;padding:8px 12px}.danger:hover{background:#f0ddd3}.category-row,.category-row>form{align-items:end;gap:15px;display:flex}.category-row{flex-wrap:wrap;margin-bottom:18px}.category-row input{margin-bottom:0}.form-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.ingredient-row{grid-template-columns:1fr 1fr 2fr auto;align-items:center;gap:15px;display:grid}.step-row{align-items:center;gap:15px;display:flex}.step-row label{flex:1}.secondary{color:var(--ink);background:0 0}.secondary:hover{color:#fff}.save{margin-top:30px}.thumbnail{width:150px}.check{align-items:center;gap:8px;display:flex}.check input{width:auto;margin:0}.recipe-detail{padding:40px 0 80px}.back{margin-bottom:35px;font-size:13px;display:inline-block}.recipe-detail h1{max-width:850px}.recipe-meta{gap:40px;margin:30px 0;display:flex}.recipe-meta span{font-size:12px}.recipe-meta strong{font-size:24px;display:block}.detail-image{object-fit:cover;border-radius:4px;width:100%;max-height:550px}.recipe-columns{grid-template-columns:1fr 1.7fr;gap:55px;margin-top:45px;display:grid}.ingredients{background:#e9eadf;padding:30px}.ingredients ul{padding-left:20px}.ingredients li{border-bottom:1px solid #cbd0bf;padding:10px 0}.steps{padding-left:25px}.steps li{white-space:pre-line;padding:0 0 28px 12px}.steps li::marker{color:var(--terra);font:26px Georgia}.sr-only,.skip:not(:focus){clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{padding:12px;display:block}.delete-form{margin:0}@media (width<=850px){.header,main,footer{padding-left:24px;padding-right:24px}.hero{gap:24px}.grid{grid-template-columns:repeat(2,1fr)}.header nav{gap:14px}.ingredient-row{grid-template-columns:1fr 1fr}.recipe-columns{grid-template-columns:1fr 1.3fr;gap:25px}}@media (width<=580px){.header{flex-direction:column;justify-content:center;align-items:start;gap:14px;min-height:125px}.brand{font-size:24px}.header nav{font-size:12px}.hero{grid-template-columns:1fr;padding:40px 0}.hero h1{font-size:49px}.plate-art{aspect-ratio:1.3;width:100%;max-height:310px}.plate{width:230px}.grid{grid-template-columns:1fr}.card-image{height:240px}.card h3{min-height:0}.section-title{flex-direction:column;align-items:start;gap:0}.section-title h2{font-size:31px}.search{margin-top:18px}.search button{padding:10px 16px}.categories{gap:8px}.categories a{padding:7px 13px;font-size:12px}.form-grid,.recipe-columns{grid-template-columns:1fr}.category-row>form{flex-wrap:wrap}.category-row label{flex:1;min-width:120px}.admin-list article{flex-wrap:wrap}.admin-list article>div{flex-basis:100%}.step-row{align-items:end}.step-row button{margin-bottom:18px;padding:8px}.recipe-detail h1{font-size:43px}.ingredients{padding:24px}.recipe-columns{gap:35px}footer{flex-direction:column;gap:8px}footer p{margin:0}.admin h1,.login h1{font-size:42px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.pagination-links{flex-wrap:wrap;justify-content:center;gap:20px;margin:25px 0;font-size:13px;display:flex}.recipe-figure{margin:0 0 2rem}.recipe-figure .detail-image{aspect-ratio:4/3;object-fit:cover;height:auto;max-height:none}.image-credit{color:#646b60;margin:.35rem 0 .65rem;font-size:.75rem;line-height:1.5;display:block}.card-image{aspect-ratio:4/3;height:auto;overflow:hidden}.card-image img{min-width:0;min-height:0;display:block}