.brewer-about-page{background:var(--color-white);min-height:100vh}.brewer-about-hero{justify-content:center;align-items:center;min-height:60vh;padding:8rem 2rem 5rem;display:flex;position:relative;overflow:hidden}.brewer-about-hero__background-wrapper{z-index:0;position:absolute;inset:0}.brewer-about-hero__background{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.brewer-about-hero__overlay{z-index:1;background:linear-gradient(135deg,#96002573 0%,#1a1a1a73 100%);position:absolute;inset:0}.brewer-about-hero__container{z-index:2;text-align:center;max-width:900px;position:relative}.brewer-about-hero__badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.2em;color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:2px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.brewer-about-hero__title{font-family:var(--font-serif);color:var(--color-white);margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5rem);font-weight:300;line-height:1.1}.brewer-about-hero__subtitle{font-family:var(--font-sans);color:#ffffffd9;max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.7}.brewer-about-intro{padding:var(--spacing-2xl)0;background:var(--color-white)}.brewer-about-intro__container{max-width:1200px;padding:0 var(--container-padding);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin:0 auto;display:grid}.brewer-about-intro__content{text-align:left}.brewer-about-intro__title{font-family:var(--font-serif);color:var(--color-brewer-navy);margin-bottom:2rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;line-height:1.3}.brewer-about-intro__text{font-family:var(--font-sans);color:var(--color-warm-gray);white-space:pre-line;font-size:1.125rem;line-height:1.9}.brewer-about-intro__image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.brewer-about-intro__image{object-fit:cover;border-radius:12px;width:100%;height:auto}@media (max-width:900px){.brewer-about-intro__container{grid-template-columns:1fr;gap:2.5rem}.brewer-about-intro__content{text-align:center}.brewer-about-intro__image-wrapper{order:-1}.brewer-about-intro__image{max-width:500px}}.brewer-about-timeline{padding:var(--spacing-2xl)0;background:linear-gradient(180deg,var(--color-off-white)0%,#f5f3f0 100%);position:relative;overflow:hidden}.brewer-about-timeline__container{max-width:800px;padding:0 var(--container-padding);margin:0 auto;position:relative}.brewer-about-timeline__header{text-align:center;margin-bottom:4rem}.brewer-about-timeline__badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.2em;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:2px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.brewer-about-timeline__title{font-family:var(--font-serif);color:var(--color-brewer-navy);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2}.brewer-about-timeline__line{background:var(--color-primary);width:2px;position:absolute;top:220px;bottom:120px;left:32px}.brewer-about-timeline__items{flex-direction:column;gap:2.5rem;display:flex;position:relative}.brewer-about-timeline__item{padding-left:72px;position:relative!important}.brewer-about-timeline__item--left,.brewer-about-timeline__item--right{text-align:left;margin-left:0}.brewer-about-timeline__dot{background:var(--color-off-white);border:3px solid var(--color-primary);z-index:3;border-radius:50%;width:20px;height:20px;transition:background-color .3s,transform .3s,box-shadow .3s;position:absolute;top:50%;left:-9px;transform:translateY(-50%)}.brewer-about-timeline__item:hover .brewer-about-timeline__dot{background:var(--color-primary);transform:translateY(-50%)scale(1.15);box-shadow:0 0 0 4px #96002533}.brewer-about-timeline__item--left .brewer-about-timeline__dot,.brewer-about-timeline__item--right .brewer-about-timeline__dot{left:-9px;right:auto}.brewer-about-timeline__card{background:var(--color-white);border-radius:20px;align-items:center;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 24px #0000000f}.brewer-about-timeline__card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000001a}.brewer-about-timeline__item:nth-child(2n) .brewer-about-timeline__card{background:var(--color-brewer-navy)}.brewer-about-timeline__item:nth-child(2n) .brewer-about-timeline__year,.brewer-about-timeline__item:nth-child(2n) .brewer-about-timeline__card-title{color:var(--color-white)}.brewer-about-timeline__item:nth-child(2n) .brewer-about-timeline__card-text{color:#ffffffbf}.brewer-about-timeline__card-content{flex-direction:column;flex:1;justify-content:center;padding:2rem 2.5rem;display:flex}.brewer-about-timeline__card-image{aspect-ratio:1;flex-shrink:0;width:200px;height:200px;overflow:hidden}.brewer-about-timeline__card-image .editable-media{height:100%!important}.brewer-about-timeline__card-img{object-fit:cover;width:100%;transition:transform .4s;height:100%!important}.brewer-about-timeline__card:hover .brewer-about-timeline__card-img{transform:scale(1.05)}.brewer-about-timeline__year{font-family:var(--font-serif);color:var(--color-brewer-navy);letter-spacing:-.02em;margin-bottom:.25rem;font-size:3.5rem;font-weight:300;line-height:1;display:block}.brewer-about-timeline__card-title{font-family:var(--font-serif);color:var(--color-brewer-navy);margin-bottom:.75rem;font-size:1.25rem;font-weight:500;line-height:1.3}.brewer-about-timeline__card-text{font-family:var(--font-sans);color:var(--color-warm-gray);font-size:.95rem;line-height:1.7}@media (max-width:900px){.brewer-about-timeline__container{max-width:700px}.brewer-about-timeline__card-image{width:180px;height:180px}.brewer-about-timeline__card-content{padding:1.75rem 2rem}.brewer-about-timeline__year{font-size:3rem}}@media (max-width:640px){.brewer-about-timeline__line{left:16px}.brewer-about-timeline__item{padding-left:48px}.brewer-about-timeline__dot{width:18px;height:18px;left:-8px}.brewer-about-timeline__item--left .brewer-about-timeline__dot,.brewer-about-timeline__item--right .brewer-about-timeline__dot{left:-8px}.brewer-about-timeline__card{flex-direction:column}.brewer-about-timeline__card-image{aspect-ratio:auto;order:-1;width:100%;height:180px}.brewer-about-timeline__card-content{padding:1.5rem}.brewer-about-timeline__year{font-size:2.5rem}.brewer-about-timeline__card-title{font-size:1.1rem}.brewer-about-timeline__card-text{font-size:.9rem}.brewer-about-timeline__items{gap:2rem}}@media (max-width:768px){.brewer-about-hero{min-height:50vh;padding:7rem 1rem 4rem}.brewer-about-intro,.brewer-about-timeline{padding:var(--spacing-xl)0}.brewer-about-timeline__header{margin-bottom:3rem}}.brewer-about-cta{padding:var(--spacing-2xl)0;text-align:center;background:url(/brewer-sea-bg.webp) 50%/cover;position:relative}.brewer-about-cta:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.brewer-about-cta__container{max-width:700px;padding:0 var(--container-padding);z-index:1;margin:0 auto;position:relative}.brewer-about-cta__title{font-family:var(--font-serif);color:var(--color-white);margin-bottom:1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.2}.brewer-about-cta__text{font-family:var(--font-sans);color:#fffc;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.brewer-about-cta__buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.brewer-about-cta__btn-primary{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--color-brewer-navy);background:var(--color-secondary);border:2px solid var(--color-secondary);transition:all var(--transition-smooth);align-items:center;padding:1rem 2rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.brewer-about-cta__btn-primary:hover{color:var(--color-secondary);background:0 0}.brewer-about-cta__btn-secondary{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--color-white);border:2px solid var(--color-white);transition:all var(--transition-smooth);background:0 0;align-items:center;padding:1rem 2rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.brewer-about-cta__btn-secondary:hover{background:var(--color-white);color:var(--color-brewer-navy)}@media (max-width:768px){.brewer-about-cta{padding:var(--spacing-xl)0}.brewer-about-cta__buttons{flex-direction:column}.brewer-about-cta__btn-primary,.brewer-about-cta__btn-secondary{justify-content:center;width:100%}}.brewer-about-timeline__card{position:relative}.brewer-about-timeline__card-delete{z-index:10;color:#fff;cursor:pointer;opacity:0;background:#dc3545e6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;transform:scale(.8);box-shadow:0 2px 8px #0003}.brewer-about-timeline__card:hover .brewer-about-timeline__card-delete{opacity:1;transform:scale(1)}.brewer-about-timeline__card-delete:hover{background:#c82333;transform:scale(1.1)}.brewer-about-timeline__card-delete:active{transform:scale(.95)}.brewer-about-timeline__add-wrapper{margin-top:.5rem;padding-left:72px;position:relative}.brewer-about-timeline__add-button{border:2px dashed var(--color-primary);width:100%;color:var(--color-primary);font-family:var(--font-sans);cursor:pointer;background:#96002508;border-radius:20px;justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.brewer-about-timeline__add-button:hover{border-color:var(--color-primary);background:#96002514;transform:translateY(-2px)}.brewer-about-timeline__add-button:active{transform:translateY(0)}.brewer-about-timeline__add-button svg{transition:transform .3s}.brewer-about-timeline__add-button:hover svg{transform:rotate(90deg)}@media (max-width:640px){.brewer-about-timeline__add-wrapper{padding-left:48px}.brewer-about-timeline__add-button{padding:1.5rem;font-size:.9rem}}.brewer-about-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.brewer-about-modal{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:400px;padding:2rem;animation:.3s slideUp;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brewer-about-modal__icon{color:#856404;background:#fff3cd;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.brewer-about-modal__title{font-family:var(--font-serif);color:var(--color-brewer-navy);margin-bottom:.75rem;font-size:1.5rem;font-weight:500}.brewer-about-modal__message{font-family:var(--font-sans);color:var(--color-warm-gray);margin-bottom:2rem;font-size:1rem;line-height:1.6}.brewer-about-modal__actions{gap:1rem;display:flex}.brewer-about-modal__cancel,.brewer-about-modal__confirm{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;flex:1;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s}.brewer-about-modal__cancel{color:var(--color-brewer-navy);background:#f1f3f4}.brewer-about-modal__cancel:hover{background:#e2e6ea}.brewer-about-modal__confirm{color:#fff;background:#dc3545}.brewer-about-modal__confirm:hover{background:#c82333}.brewer-about-modal__close{width:32px;height:32px;color:var(--color-warm-gray);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.brewer-about-modal__close:hover{color:var(--color-brewer-navy);background:#f1f3f4}