.bryg-office{--bo-ink:#465141;--bo-green:#768073;--bo-cream:#e6e1d6;--bo-paper:#f5f1e8;font-family:Outfit,Arial,sans-serif;color:var(--bo-ink);font-size:18px;line-height:1.65;background:#fff;overflow:clip}
.bryg-office *{box-sizing:border-box}.bryg-office [hidden]{display:none!important}.bryg-office h1,.bryg-office h2,.bryg-office h3{font-family:inherit;font-weight:400;line-height:1.12;color:inherit;letter-spacing:.025em;margin:0 0 24px}.bryg-office h1{font-size:clamp(40px,5.1vw,76px);letter-spacing:.04em}.bryg-office h2{font-size:clamp(32px,3.7vw,52px)}.bryg-office h3{font-size:26px}.bryg-office p{margin:0 0 24px}.bryg-office a{color:inherit}.bryg-office .bo-kicker{font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:22px;font-weight:500}.bryg-office .bo-small{font-size:14px;line-height:1.6}.bryg-office .bo-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:14px 22px;border:1px solid var(--bo-ink);border-radius:5px;background:var(--bo-ink);color:#fff;font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}.bryg-office .bo-button:hover{background:#626D5E;transform:translateY(-1px)}.bryg-office .bo-link{border:0;background:transparent;padding:10px 0;text-decoration:underline;text-underline-offset:5px;color:inherit;font:inherit;cursor:pointer}.bryg-office :focus-visible{outline:3px solid #768073;outline-offset:4px}.bo-hero{position:relative;min-height:660px;display:flex;align-items:center;color:white;background:#25291f}.bo-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:brightness(.66)}.bo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,31,20,.72),rgba(24,31,20,.13))}.bo-hero-copy{position:relative;z-index:1;width:100%;max-width:none;margin:auto;padding:85px var(--bryg-content-inset)}.bo-hero-copy>p:not(.bo-kicker){max-width:610px;font-size:20px}.bryg-office .bo-hero .bo-button{background:var(--bo-paper);border-color:var(--bo-paper);color:var(--bo-ink)}.bo-quiet{display:block;width:fit-content;font-size:14px;margin-top:20px;text-underline-offset:5px}.bo-section{max-width:none;margin:0 auto;padding:90px var(--bryg-content-inset)}.bo-section-heading{max-width:740px;margin-bottom:48px}.bo-concept-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.bo-coffee{display:grid;grid-template-columns:40% 1fr;gap:30px;align-items:center}.bo-coffee img{width:100%;height:350px;object-fit:cover;border-radius:8px}.bo-coffee p{font-size:17px}.bo-components{list-style:none;margin:0;padding:0}.bo-components li{display:flex;gap:25px;padding:26px 0;border-bottom:1px solid #d9ddd5}.bo-components li:first-child{padding-top:0}.bo-components li>span{font-size:13px;padding-top:4px;color:var(--bo-green)}.bo-components h3{font-size:23px;margin:0 0 8px}.bo-components p{font-size:16px;margin:0}.bo-choice-wrap{background:var(--bo-paper)}.bo-choice-layout,.bo-enquiry-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.bo-choice,.bo-enquiry{min-width:0}.bryg-office fieldset{border:0;padding:0;margin:0;min-width:0}.bryg-office legend{font-size:22px;font-weight:400;margin-bottom:20px;padding:0}.bryg-office label{display:block;font-size:15px;font-weight:400;margin-bottom:18px}.bryg-office input,.bryg-office select{display:block;width:100%;min-height:50px;margin-top:8px;border:1px solid #aeb5a9;border-radius:5px;background:#fff;color:var(--bo-ink);padding:12px;font:inherit;font-size:16px}.bo-progress,.bo-form-progress{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#626D5E}.bo-choice-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.bo-next{margin-left:auto}.bo-result h3{font-size:30px}.bo-result ul{padding-left:20px}.bo-result li{margin-bottom:12px}.bo-result .bo-button{margin-top:12px}.bo-result-image{width:110px;height:120px;object-fit:contain;float:right;margin:0 0 10px 20px}.bo-together{text-align:center}.bo-together>p{max-width:790px;margin-left:auto;margin-right:auto}.bo-equation{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;font-size:24px;padding:25px 0}.bo-equation span{color:#999f92;font-size:18px}.bo-enquiry-wrap{background:var(--bo-cream)}.bo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bo-honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bo-form-status{margin-top:22px!important}.bo-model-profile{display:grid;grid-template-columns:240px 1fr;gap:35px;background:var(--bo-paper);padding:30px;border-radius:8px;margin:24px 0}.bo-model-profile img{width:100%;height:260px;object-fit:contain;mix-blend-mode:multiply}.bo-model-profile h4{font-family:inherit;font-size:30px;font-weight:400;margin:0 0 14px}.bo-model-profile dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px}.bo-model-profile dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.bo-model-profile dd{margin:4px 0 0;font-size:16px}.bo-model-profile p{font-size:16px}.bryg-office .fe-comparison-models{align-items:stretch}.bryg-office .fe-comparison-models button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:110px;background:transparent;padding:12px}.bryg-office .fe-comparison-models button img{width:80px;height:85px;object-fit:contain}.bryg-office .fe-comparison-models button[aria-pressed=true]{border:2px solid var(--bo-green);background:var(--bo-paper)}.bryg-office .fe-comparison-table thead img{display:block;width:70px;height:85px;object-fit:contain;margin:0 auto 10px}.bryg-office details{margin:20px 0}.bryg-office summary{cursor:pointer;padding:16px 0;font-size:16px;font-weight:500}.bryg-office .bo-fullspec{overflow:auto}.bryg-office .bo-fullspec table{width:100%}.bryg-office .fe-collection{padding-top:70px;padding-bottom:70px}.bryg-office .fe-cinema{min-height:530px}.bryg-office .fe-intro h2{font-size:clamp(32px,3.8vw,54px)}.bryg-office .fe-specification-panel{scroll-margin-top:60px}.bo-video-toggle{position:absolute;z-index:4;right:5%;bottom:24px;border:1px solid white;border-radius:5px;color:white;background:#263023b3;padding:8px 14px;cursor:pointer;font:inherit;font-size:13px}
@media(max-width:900px){.bo-concept-grid{grid-template-columns:1fr;gap:35px}.bo-choice-layout,.bo-enquiry-layout{gap:35px}.bo-model-profile{grid-template-columns:160px 1fr;gap:24px}.bo-model-profile img{height:210px}.bo-coffee{max-width:700px}.bo-coffee img{height:300px}}
@media(max-width:650px){.bo-hero{min-height:610px}.bo-hero-copy{padding:65px var(--bryg-content-inset)}.bo-hero-image{object-position:65% center}.bo-hero-copy>p:not(.bo-kicker){font-size:17px}.bo-section{padding:60px var(--bryg-content-inset)}.bo-section-heading{margin-bottom:32px}.bo-choice-layout,.bo-enquiry-layout{grid-template-columns:1fr;gap:30px}.bo-concept-grid{gap:30px}.bo-coffee{grid-template-columns:1fr}.bo-coffee img{height:320px;object-position:center 45%}.bo-coffee h3{font-size:26px}.bo-components li{padding:20px 0}.bo-equation{font-size:19px;gap:10px}.bo-model-profile{grid-template-columns:1fr;padding:20px}.bo-model-profile img{height:220px}.bo-model-profile dl{grid-template-columns:1fr 1fr}.bo-pair{gap:12px}.bo-hero h1{font-size:40px;letter-spacing:.01em}.bryg-office .fe-cinema{min-height:540px}.bryg-office .bo-button{font-size:15px}.bryg-office .fe-comparison-table{font-size:14px}.bo-choice-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){.bryg-office *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.bryg-office img.bo-hero-image{height:100%!important;min-height:100%;width:100%;object-fit:cover}.bryg-office .bo-hero a.bo-quiet{color:#fff!important}.bryg-office section[id]{scroll-margin-top:140px}.bryg-office .bo-honey{display:none}

/* Align office UI with the existing BRYG home palette and controls. */
.bryg-office .bo-button{background:#626D5E;border-color:#626D5E;color:#F5F1E8;letter-spacing:.04em;border-radius:5px}
.bryg-office .bo-button:hover{background:#465141;border-color:#465141;transform:none}
.bryg-office .bo-hero{color:#F5F1E8}
.bryg-office .bo-hero .bo-button:hover{background:#E6E1D6;border-color:#E6E1D6}
.bryg-office .bo-hero a.bo-quiet{color:#F5F1E8!important}
.bryg-office .fe-comparison-models button{background:transparent;border-radius:5px;color:#465141;isolation:auto}
.bryg-office .fe-comparison-models button:hover{background:#E6E1D6}
.bryg-office .fe-comparison-models button[aria-pressed=true]{background:#F5F1E8;border-color:#465141}
.bryg-office .fe-comparison-models button img,.bryg-office .bo-result-image{background:transparent;mix-blend-mode:multiply}
.bryg-office .fe-comparison-models button img{height:85px!important}
.bryg-office .bo-model-profile img{height:260px!important}
.bryg-office .fe-comparison-table thead th{background:#E6E1D6;color:#465141}
.bryg-office .fe-comparison-table thead th:first-child{background:#E6E1D6}
.bryg-office .fe-comparison-table thead img{mix-blend-mode:multiply;background:transparent}
@media(max-width:900px){.bryg-office .bo-model-profile img{height:210px!important}}
@media(max-width:650px){.bryg-office .bo-model-profile img{height:220px!important}}

/* Button audit: use the live BRYG site tokens in every state. */
html body:not(.wp-admin) .bryg-office :is(.bo-button,.fe-button){display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:14px 22px!important;border-radius:5px!important;font-family:Outfit,Arial,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:1.4!important;white-space:normal;text-align:center;text-decoration:none}
html body:not(.wp-admin) .bryg-office :is(.bo-button,.fe-specification-panel>.fe-button){background:var(--bryg-action-bg,#626D5E)!important;border:1px solid var(--bryg-action-bg,#626D5E)!important;color:var(--bryg-action-ink,#F5F1E8)!important}
html body:not(.wp-admin) .bryg-office :is(.bo-button,.fe-specification-panel>.fe-button):hover{background:var(--bryg-action-hover,#465141)!important;border-color:var(--bryg-action-hover,#465141)!important}
html body:not(.wp-admin) .bryg-office :is(.bo-hero,.fe-cinema) :is(.bo-button,.fe-button){background:#F5F1E8!important;border:1px solid #F5F1E8!important;color:#465141!important}
html body:not(.wp-admin) .bryg-office :is(.bo-hero,.fe-cinema) :is(.bo-button,.fe-button):hover{background:#E6E1D6!important;border-color:#E6E1D6!important}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-product-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-top:20px}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-product-actions button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 16px!important;border:1px solid #626D5E!important;border-radius:5px!important;background:transparent!important;color:#465141!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;text-decoration:none!important;white-space:normal}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-product-actions button[data-spec]{background:#626D5E!important;color:#F5F1E8!important}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-product-actions button:hover{background:#465141!important;border-color:#465141!important;color:#F5F1E8!important}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .bo-video-toggle{min-height:48px;padding:12px 18px!important;border:1px solid #F5F1E8!important;border-radius:5px!important;background:#465141!important;color:#F5F1E8!important;font-size:14px!important;line-height:1.4!important}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .bo-video-toggle:hover{background:#626D5E!important;color:#F5F1E8!important}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design :is(.fe-series-nav,.fe-comparison-controls) button{min-height:44px;padding:12px 16px!important;border-radius:5px;border-color:#768073;color:#465141!important;font-size:14px!important;line-height:1.4!important}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-series-nav button.is-selected{background:#626D5E!important;border-color:#626D5E!important;color:#F5F1E8!important}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design :is(.fe-series-nav,.fe-comparison-controls) button:hover:not(:disabled){background:#E6E1D6!important;color:#465141!important}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-series-nav button.is-selected:hover{background:#465141!important;color:#F5F1E8!important}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-comparison-models button[aria-pressed=true]{background:#E6E1D6}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-dialog-head button{min-height:44px;padding:12px 18px!important;border:1px solid #F5F1E8;border-radius:5px;background:#465141!important;color:#F5F1E8!important;font-size:14px!important}
html body:not(.wp-admin) .bryg-office .bo-link{min-height:44px}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-specification-top button{min-height:44px;font-size:14px!important}

/* White cards keep the collection light; selection is carried by the sage outline. */
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-product,
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-product.is-selected,
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-product-media,
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-specification-panel{background:#fff}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .bo-model-profile{background:#fff;border:1px solid #E6E1D6}
html body:not(.wp-admin) .bryg-office #bryg-volautomaten-design .fe-comparison-models button[aria-pressed=true]{background:#F5F1E8}

.bryg-office .bo-result .bo-choice-actions{flex-wrap:wrap}
.bryg-office .bo-result .bo-link{max-width:100%;white-space:normal!important;text-align:left}
@media(max-width:650px){.bryg-office .bo-result .bo-choice-actions{flex-direction:column;align-items:flex-start;gap:8px}}

/* Mobile office layout: keep model choices in one swipeable row. */
@media (max-width:767px){
 .bryg-office .bo-components{display:none}
 .bryg-office .bo-concept-grid{grid-template-columns:minmax(0,1fr)}
 .bryg-office .fe-comparison-models{
  flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:10px;
  padding:4px 4px 12px;scroll-snap-type:x proximity;
  overscroll-behavior-x:contain;scrollbar-width:thin;
  scrollbar-color:#768073 #E6E1D6;
 }
 .bryg-office .fe-comparison-models button{
  flex:0 0 110px;min-height:44px;scroll-snap-align:start;
 }
 .bryg-office .fe-comparison-models button:focus-visible{outline-offset:-3px}
 .bryg-office .fe-specification-panel{min-width:0}
 .bryg-office .fe-comparison-scroll{min-width:0}
 .bryg-office .bo-model-profile{min-width:0}
 .bryg-office .bo-model-profile>div{min-width:0}
 .bryg-office .bo-quiet:empty{display:none}
}

@media(max-width:480px){
 .bryg-office .bo-enquiry .bo-choice-actions{flex-wrap:wrap}
 .bryg-office .bo-enquiry .bo-choice-actions button[type=submit]{flex:0 0 100%;width:100%}
}

/* Compact partnership credit below the opening image. */
.bryg-office .bo-partner{background:#f5f1e8;border-bottom:1px solid #e6e1d6}
.bryg-office .bo-partner-inner{max-width:none;margin:auto;padding:18px var(--bryg-content-inset);display:flex;align-items:center;justify-content:center;gap:28px}
.bryg-office .bo-partner img{display:block;flex:0 0 125px;width:125px;height:auto;max-height:44px;object-fit:contain}
.bryg-office .bo-partner p{margin:0;font-size:15px;line-height:1.5;letter-spacing:normal}
@media(max-width:767px){
 .bryg-office .bo-partner-inner{padding:16px var(--bryg-content-inset);gap:18px}
 .bryg-office .bo-partner img{flex-basis:100px;width:100px;max-height:36px}
 .bryg-office .bo-partner p{font-size:13px}
}
