.brewery{--brew-line:var(--bs-border-color);padding-block:1rem 3rem}.brew-header,.brew-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.6rem}.brew-header h1{margin:.45rem 0 0;font-size:clamp(2rem,4vw,3.2rem)}.brew-eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bs-secondary-color);text-decoration:none}.brew-intro{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--brew-line);border-radius:1rem;background:linear-gradient(120deg,var(--bs-tertiary-bg),var(--bs-body-bg));overflow:hidden}.brew-intro h2{font-size:clamp(1.8rem,3vw,2.6rem);max-width:22ch;margin-block:.75rem 1rem}.brew-intro p{max-width:60ch;color:var(--bs-secondary-color);margin:0;line-height:1.7}.brew-mark{border:1px solid var(--brew-line);width:150px;height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Georgia,serif;font-size:6rem;line-height:1.1;border-radius:80px 80px 8px 8px;color:var(--bs-primary)}.brew-mark span{font: .6rem system-ui;letter-spacing:.15em}.brew-card,.brew-collection{border-radius:.8rem;transition:border-color .15s,transform .15s}.brew-collection{text-decoration:none}.brew-collection:hover{transform:translateY(-3px);border-color:var(--bs-primary)}.brew-empty{padding:2rem;border:1px dashed var(--brew-line);border-radius:.8rem;color:var(--bs-secondary-color)}.brew-section-heading form .form-control{max-width:230px}.brew-section-heading form .form-select{max-width:210px}.brew-form{max-width:900px}.brewery .errorlist{color:var(--bs-danger);padding-left:1.2rem}.brewery .nav-tabs{gap:.25rem}.brew-toolbar{position:sticky;bottom:1rem;z-index:5;background:var(--bs-body-bg);border:1px solid var(--brew-line);border-radius:.7rem;padding:1rem;box-shadow:0 5px 25px #0002}.brew-field-row{padding:1rem;border:1px solid var(--brew-line);border-radius:.7rem;margin-bottom:1rem}.brew-reader{max-width:80ch;line-height:1.75}.brewery pre{white-space:pre-wrap;overflow-wrap:anywhere}.brewery .form-control,.brewery .form-select{max-width:100%}@media(max-width:700px){.brew-mark{display:none}.brew-intro{grid-template-columns:1fr}.brew-header{align-items:flex-start}.brew-header .btn{font-size:.85rem}.brew-section-heading form{width:100%}}
.brew-field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;position:relative;padding-top:3.5rem}.brew-field-row>button{position:absolute;top:.8rem;right:.8rem}.brew-field-row label{display:block;width:100%}.brew-field-row input,.brew-field-row textarea{width:100%}.brew-field-row>div:has(textarea){grid-column:1/-1}.brew-field-row textarea{min-height:90px}#step-rows .brew-field-row{grid-template-columns:1fr}.brew-section-heading form{flex-wrap:nowrap!important}.brew-section-heading form .form-control{width:220px}.brew-section-heading form .form-select{width:180px}@media(max-width:700px){.brew-field-row{grid-template-columns:1fr}.brew-section-heading form{flex-wrap:wrap!important}.brew-section-heading form .form-control{flex:1;min-width:140px}.brew-section-heading form .form-select{flex:1;min-width:140px}}