/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* === Haus Anna — Frontend Layout (injected from child theme) === */
:root{--fhr-sand:#f6efe4;--fhr-ink:#2b2a26;--fhr-muted:#6f6a60;--fhr-petrol:#2f5560;--fhr-petrol-2:#3a6975;--fhr-line:#d9cfbb}
#brx-content .fhr-section{padding-block:clamp(48px,8vw,120px);background:var(--fhr-sand);color:var(--fhr-ink)}
#brx-content .fhr-section--alt{background:#fffaf1}
#brx-content .fhr-wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px);width:100%}
#brx-content .fhr-eyebrow{display:inline-block;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--fhr-petrol);font-size:clamp(11px,1.2vw,13px);margin-bottom:14px}
#brx-content .fhr-h1,#brx-content .fhr-h2,#brx-content .fhr-h3{font-weight:600;letter-spacing:-.01em}
#brx-content .fhr-h1{font-size:clamp(34px,6vw,72px);line-height:1.05;margin:0 0 18px}
#brx-content .fhr-h2{font-size:clamp(28px,4vw,46px);line-height:1.1;margin:0 0 18px}
#brx-content .fhr-h3{font-size:clamp(20px,2.4vw,26px);line-height:1.2;margin:0 0 10px}
#brx-content .fhr-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:var(--fhr-muted);max-width:62ch}
#brx-content .fhr-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;background:var(--fhr-petrol);color:#fff;border-radius:999px;text-decoration:none;font-weight:600;min-height:48px;border:1px solid var(--fhr-petrol)}
#brx-content .fhr-btn:hover{background:var(--fhr-petrol-2);border-color:var(--fhr-petrol-2);color:#fff}
#brx-content .fhr-btn--ghost{background:transparent;color:var(--fhr-petrol);border-color:var(--fhr-petrol)}
#brx-content .fhr-btn--ghost:hover{background:var(--fhr-petrol);color:#fff}
#brx-content .fhr-hero{position:relative;min-height:min(94vh,820px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;isolation:isolate;padding:0;width:100%}
#brx-content .fhr-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#brx-content .fhr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55));z-index:-1;pointer-events:none}
#brx-content .fhr-hero__inner{padding-block:clamp(56px,10vw,120px);max-width:780px;position:relative;z-index:1}
#brx-content .fhr-hero__kicker{display:inline-block;letter-spacing:.28em;text-transform:uppercase;font-weight:600;font-size:clamp(11px,1.2vw,13px);background:rgba(255,255,255,.12);padding:8px 16px;border-radius:999px;margin-bottom:22px;border:1px solid rgba(255,255,255,.25);color:#fff}
#brx-content .fhr-hero__h1{font-size:clamp(40px,8vw,96px);line-height:1;font-weight:600;letter-spacing:-.02em;margin:0 0 18px;color:#fff}
#brx-content .fhr-hero__sub p{font-size:clamp(16px,1.8vw,22px);line-height:1.5;max-width:56ch;margin:0 0 30px;color:rgba(255,255,255,.92)}
#brx-content .fhr-hero__cta{display:flex;gap:14px;flex-wrap:wrap}
#brx-content .fhr-hero__cta .fhr-btn--ghost{color:#fff;border-color:rgba(255,255,255,.55)}
#brx-content .fhr-hero__cta .fhr-btn--ghost:hover{background:#fff;color:var(--fhr-petrol);border-color:#fff}
#brx-content .fhr-intro{display:grid;grid-template-columns:1fr;gap:clamp(28px,5vw,80px);align-items:center;width:100%}
@media(min-width:900px){#brx-content .fhr-intro{grid-template-columns:1.05fr .95fr}}
#brx-content .fhr-intro__img{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/5;width:100%}
#brx-content .fhr-intro__img img{width:100%;height:100%;object-fit:cover;display:block}
#brx-content .fhr-feature-row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px;width:100%}
@media(min-width:700px){#brx-content .fhr-feature-row{grid-template-columns:repeat(4,1fr)}}
#brx-content .fhr-feature{padding:22px 18px;background:#fffaf1;border:1px solid var(--fhr-line);border-radius:6px}
#brx-content .fhr-feature__num{font-size:clamp(22px,2.4vw,28px);font-weight:600;color:var(--fhr-petrol);margin-bottom:6px}
#brx-content .fhr-feature__label{font-size:14px;color:var(--fhr-muted);line-height:1.4}
#brx-content .fhr-aps{display:grid;grid-template-columns:1fr;gap:28px;margin-top:40px;width:100%}
@media(min-width:880px){#brx-content .fhr-aps{grid-template-columns:1fr 1fr;gap:36px}}
#brx-content .fhr-ap{background:#fff;border:1px solid var(--fhr-line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
#brx-content .fhr-ap__img{aspect-ratio:16/10;overflow:hidden;width:100%}
#brx-content .fhr-ap__img img{width:100%;height:100%;object-fit:cover;display:block}
#brx-content .fhr-ap__body{padding:clamp(20px,3vw,32px);flex:1;display:flex;flex-direction:column;gap:14px}
#brx-content .fhr-ap__meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--fhr-muted);font-size:14px;padding:14px 0;border-top:1px solid var(--fhr-line);border-bottom:1px solid var(--fhr-line)}
#brx-content .fhr-ap__cta{margin-top:auto;align-self:flex-start}
#brx-content .fhr-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:36px;width:100%}
@media(min-width:760px){#brx-content .fhr-gallery{grid-template-columns:repeat(3,1fr);gap:14px}}
@media(min-width:1100px){#brx-content .fhr-gallery{grid-template-columns:repeat(4,1fr)}}
#brx-content .fhr-gallery__item{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:1/1}
#brx-content .fhr-gallery__item--wide{grid-column:span 2}
#brx-content .fhr-gallery__item img{width:100%;height:100%;object-fit:cover;display:block}
#brx-content .fhr-prices{display:grid;grid-template-columns:1fr;gap:18px;margin-top:36px;width:100%}
@media(min-width:760px){#brx-content .fhr-prices{grid-template-columns:repeat(3,1fr)}}
#brx-content .fhr-price{background:#fffaf1;border:1px solid var(--fhr-line);border-radius:6px;padding:clamp(24px,3vw,34px)}
#brx-content .fhr-price__label{letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:600;color:var(--fhr-petrol);margin-bottom:10px}
#brx-content .fhr-price__amount{font-size:clamp(36px,4vw,52px);font-weight:600;margin-bottom:6px}
#brx-content .fhr-price__unit{color:var(--fhr-muted);font-size:14px}
#brx-content .fhr-price__note{margin-top:14px;padding-top:14px;border-top:1px solid var(--fhr-line);color:var(--fhr-muted);font-size:14px;line-height:1.5}
#brx-content .fhr-info-list{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr;gap:10px;width:100%}
@media(min-width:700px){#brx-content .fhr-info-list{grid-template-columns:1fr 1fr}}
#brx-content .fhr-info-list li{padding:14px 16px;background:#fffaf1;border:1px solid var(--fhr-line);border-radius:4px;display:flex;justify-content:space-between;gap:14px}
#brx-content .fhr-info-list li b{color:var(--fhr-petrol);font-weight:600}
#brx-content .fhr-location{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,56px);align-items:center;width:100%}
@media(min-width:900px){#brx-content .fhr-location{grid-template-columns:.9fr 1.1fr}}
#brx-content .fhr-location__img{aspect-ratio:4/3;overflow:hidden;border-radius:6px}
#brx-content .fhr-location__img img{width:100%;height:100%;object-fit:cover;display:block}
#brx-content .fhr-near{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none;padding:0;width:100%}
@media(min-width:700px){#brx-content .fhr-near{grid-template-columns:repeat(3,1fr)}}
#brx-content .fhr-near li{padding:12px 14px;background:#fffaf1;border:1px solid var(--fhr-line);border-radius:4px;font-size:14px;display:flex;align-items:center;gap:10px}
#brx-content .fhr-near li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fhr-petrol);flex-shrink:0}
#brx-content .fhr-contact{display:grid;grid-template-columns:1fr;gap:40px;width:100%}
@media(min-width:880px){#brx-content .fhr-contact{grid-template-columns:.9fr 1.1fr;gap:60px}}
#brx-content .fhr-contact__card{background:#fffaf1;border:1px solid var(--fhr-line);border-radius:6px;padding:clamp(24px,3vw,36px)}
#brx-content .fhr-contact__row{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-bottom:1px solid var(--fhr-line)}
#brx-content .fhr-contact__row:last-child{border-bottom:0}
#brx-content .fhr-contact__row b{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fhr-petrol);font-weight:600}
#brx-content .fhr-contact__row a{color:var(--fhr-ink);text-decoration:none}