/* An original estate-agency example; only the website showcase changes. */
.website-layout{grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.website-showcase{padding-top:0}.broker-browser{container-type:inline-size;border-radius:12px;border:1px solid #d9dcd9;box-shadow:0 32px 80px -42px #23344965;overflow:hidden;background:#fff}.broker-site{--broker-paper:#faf9f5;--broker-ink:#25372f;--broker-line:#dce0d8;--broker-soft:#eff1e9;--broker-muted:#7b8679;background:var(--broker-paper);color:var(--broker-ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}.broker-nav{display:flex;align-items:center;gap:20px;padding:4.3cqw 5cqw;border-bottom:1px solid var(--broker-line)}.broker-brand{display:flex;align-items:center;gap:2cqw;margin-right:auto}.broker-brand>div{font-family:Georgia,serif;font-size:clamp(22px,5.3cqw,52px);font-weight:400;letter-spacing:-.06em;line-height:1}.broker-brand>div>span{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:clamp(4px,.9cqw,8px);display:block;letter-spacing:.22em;margin-top:1cqw;font-weight:400}.broker-brand-symbol{display:block;width:4.5cqw;height:5.2cqw;max-width:43px;max-height:49px;border:1px solid var(--broker-ink);border-radius:50% 50% 0 0;position:relative}.broker-brand-symbol:after{content:'';position:absolute;inset:4px;border:1px solid var(--broker-ink);border-radius:50% 50% 0 0}.broker-nav-links{display:flex;gap:3cqw;font-size:clamp(6px,1.3cqw,12px);color:var(--broker-ink)}.broker-menu{display:flex;flex-direction:column;gap:5px;margin-left:1cqw;width:20px}.broker-menu i{height:1px;background:var(--broker-ink);width:100%}.broker-menu i:last-child{width:65%;align-self:flex-end}.broker-hero{display:grid;grid-template-columns:43% 57%;min-height:53cqw}.broker-hero-copy{padding:5.5cqw 3cqw 5.5cqw 5cqw;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.broker-kicker{display:flex;align-items:center;gap:1.3cqw;font-size:clamp(5px,1cqw,9px);letter-spacing:.15em;color:var(--broker-muted);line-height:1.5;font-weight:400}.broker-kicker>i{height:1px;width:3cqw;background:var(--broker-muted)}.broker-hero h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,6.1cqw,62px);font-weight:400;letter-spacing:-.055em;line-height:1.04;margin:3.7cqw 0 2.8cqw}.broker-hero h3 em{color:inherit;font-style:italic;font-weight:400}.broker-hero-copy>p{font-size:clamp(7px,1.35cqw,13px);line-height:1.65;color:var(--broker-muted);margin:0}.broker-hero-cta{display:flex;align-items:center;justify-content:space-between;gap:2cqw;border-bottom:1px solid var(--broker-ink);padding:2.7cqw 0 1cqw;margin-top:1.8cqw;font-size:clamp(6px,1.4cqw,13px);color:var(--broker-ink);width:90%}.broker-hero-cta svg{width:2.6cqw;height:2.6cqw;max-width:21px;max-height:21px;vertical-align:middle}.broker-hero-photo{position:relative;min-width:0;overflow:hidden}.broker-hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:62% 50%}.broker-hero-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#132b2866);pointer-events:none}.broker-photo-caption{position:absolute;bottom:4.7cqw;left:3.5cqw;z-index:1;color:white;font-size:clamp(5px,.9cqw,9px);letter-spacing:.14em}.broker-image-index{position:absolute;bottom:4.3cqw;right:3cqw;z-index:1;display:flex;align-items:center;gap:1cqw;color:white;font-size:clamp(5px,1cqw,10px)}.broker-image-index b{font-weight:500}.broker-image-index i{width:3cqw;height:1px;background:#fff8}.broker-image-index span{opacity:.65}.broker-search{display:flex;align-items:center;gap:3cqw;padding:3cqw 5cqw;border-top:1px solid var(--broker-line);border-bottom:1px solid var(--broker-line);background:var(--broker-soft)}.broker-search>div:first-child{margin-right:auto}.broker-search small{font-size:clamp(5px,.8cqw,8px);letter-spacing:.14em;color:var(--broker-muted);display:block;margin-bottom:.7cqw}.broker-search b{font-family:Georgia,serif;font-size:clamp(15px,2.6cqw,26px);font-weight:400;letter-spacing:-.04em}.broker-search-tabs{display:flex;gap:2cqw;font-size:clamp(7px,1.3cqw,13px)}.broker-search-tabs>span{padding:1.5cqw .4cqw;color:var(--broker-muted);border-bottom:1px solid transparent}.broker-search-tabs .selected{border-color:var(--broker-ink);color:var(--broker-ink)}.broker-search-icon{display:flex;align-items:center;justify-content:center;border:1px solid var(--broker-line);border-radius:50%;width:5.5cqw;height:5.5cqw;margin-left:1.7cqw}.broker-search-icon svg{width:2.5cqw;height:2.5cqw;max-width:22px;max-height:22px}.broker-selection{padding:4.6cqw 5cqw 4cqw}.broker-selection-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:3cqw}.broker-selection h4{font-family:Georgia,serif;font-weight:400;font-size:clamp(18px,3.6cqw,37px);letter-spacing:-.045em;line-height:1.2;margin:.8cqw 0 0}.broker-selection-head>span{font-size:clamp(5px,1cqw,10px);display:flex;align-items:center;gap:1.5cqw;white-space:nowrap;padding-bottom:.5cqw}.broker-selection-head svg{width:2cqw;height:2cqw}.broker-property-grid{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}.broker-property{min-width:0}.broker-property-photo{position:relative;aspect-ratio:1.65;overflow:hidden}.broker-property-photo img{width:100%;height:100%;object-fit:cover;display:block}.broker-property-photo>span{position:absolute;top:1.4cqw;left:1.4cqw;font-size:clamp(5px,.8cqw,8px);letter-spacing:.1em;padding:.8cqw 1cqw;background:#faf9f5ed;color:#27372f;line-height:1}.broker-property-photo>i{position:absolute;top:1.2cqw;right:1.4cqw;font-family:Arial,sans-serif;font-style:normal;font-size:clamp(14px,2.5cqw,24px);line-height:1;color:#fff;text-shadow:0 1px 4px #222}.broker-property-info{padding-top:1.8cqw}.broker-property-info>small{color:var(--broker-muted);font-size:clamp(5px,.8cqw,8px);letter-spacing:.13em}.broker-property h5{font-family:Georgia,serif;font-weight:400;font-size:clamp(15px,2.8cqw,28px);line-height:1.2;letter-spacing:-.035em;margin:.5cqw 0 1.5cqw}.broker-property-info>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7cqw;font-size:clamp(5px,1cqw,10px);border-top:1px solid var(--broker-line);padding-top:1.5cqw}.broker-property-info>div>span{color:var(--broker-muted)}.broker-property-info b{font-weight:500}.broker-footer{display:flex;align-items:center;gap:1.5cqw;margin:0 5cqw;padding:2.5cqw 0 3.3cqw;border-top:1px solid var(--broker-line);font-size:clamp(5px,1cqw,10px);color:var(--broker-muted)}.broker-footer>span[data-icon]{display:flex}.broker-footer svg{width:2cqw;height:2cqw}.broker-footer>b{font-family:Georgia,serif;font-size:clamp(15px,2.9cqw,29px);letter-spacing:-.06em;color:var(--broker-ink);font-weight:400;margin-left:auto}.broker-example-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:13px;flex-wrap:wrap}.broker-example-actions .website-example-note{font-size:10px;margin:0}.broker-example-actions>.quiet{display:flex;align-items:center;gap:8px;font-size:11px;padding:7px 0}.broker-example-actions>.quiet svg{width:14px;height:14px}.broker-preview-dialog{width:min(1120px,calc(100vw - 40px));max-width:none;max-height:92dvh;padding:0;border:1px solid #d8e1e7;border-radius:18px;background:#f5f5f0;overflow:auto;color:#23344b}.broker-preview-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 28px;background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #dfe4e8}.broker-preview-head small{font-size:9px;letter-spacing:1.4px;color:#8190a2}.broker-preview-head h2{font-size:19px;letter-spacing:-.5px;margin-top:7px;font-weight:500}.broker-preview-head .btn{background:#f1f4f6;white-space:nowrap;font-size:12px;padding:11px 15px;flex-shrink:0}.broker-preview-head .btn svg{width:15px;height:15px}.broker-preview-dialog .broker-browser{border:0;border-radius:0;box-shadow:none}.broker-preview-note{text-align:center;font-size:11px;color:#7d8a9a;padding:18px 24px;margin:0;line-height:1.6}.broker-preview-dialog::backdrop{background:#142139b3;backdrop-filter:blur(7px)}
.website-browser[data-web-look=marine] .broker-site{--broker-paper:#1e3440;--broker-ink:#f4eee2;--broker-line:#40545c;--broker-soft:#2a414c;--broker-muted:#b0c0c2}.website-browser[data-web-look=marine] .broker-hero-photo>img{filter:saturate(.8)}.website-browser[data-web-look=sand] .broker-site{--broker-paper:#f0e9de;--broker-ink:#4e3a2d;--broker-line:#d3c7b7;--broker-soft:#e6dccd;--broker-muted:#8d7966}.website-browser[data-web-look=sand] .broker-hero-copy{background:#f5f0e8}
@media(max-width:1100px){.website-layout{gap:36px;grid-template-columns:.85fr 1.15fr}.broker-nav-links{display:none}.broker-browser .website-browser-bar{padding:10px 16px}.website-looks{gap:5px}.website-looks button{font-size:11px;padding:10px}.broker-example-actions{gap:7px;margin-top:9px}}@media(max-width:760px){.website-layout{grid-template-columns:1fr;gap:30px}.website-showcase{padding-top:0}.broker-example-actions{gap:8px 20px}.broker-example-actions>.quiet{font-size:11px}.broker-nav{gap:10px}.broker-hero-cta{width:100%}.broker-hero h3{font-size:6.1cqw}.broker-hero{min-height:57cqw}.broker-preview-dialog{width:calc(100vw - 16px);max-height:94dvh;border-radius:12px}.broker-preview-head{padding:16px;gap:12px}.broker-preview-head h2{font-size:14px;line-height:1.4}.broker-preview-head small{font-size:7px}.broker-preview-head .btn{font-size:11px;padding:9px}.broker-preview-note{font-size:10px;padding:15px}}
@media(min-width:761px){.website-layout{align-items:start}.website-copy{position:sticky;top:120px;padding-top:32px}.website-showcase{align-self:start}}