/* Distinct search compositions, retaining the same accessible image choosers. */
.makeover.curtain .demo-after[data-design][data-search-layout] .direction-finder{box-sizing:border-box;z-index:4}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-field{min-width:0}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields{align-items:stretch}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-select-trigger{min-width:0;white-space:normal;text-align:left}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields{background:transparent;border:0;padding:0}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields>.finder-field+.finder-field:before{display:none}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields>.finder-field{background:#f5f7f5;border:1px solid #dfe4df}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-select-trigger{overflow:visible;text-overflow:clip;padding-right:14px}
.makeover.curtain .demo-after[data-design][data-search-layout=split] .direction-finder{background:#233033;color:white}
.makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-intro h4{color:white}
.makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-advanced summary{color:#d6e0dd}
.makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-extra input{color:#25323a;color-scheme:light}
.makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-extra input::placeholder{color:#677681}
@media(min-width:901px){
 .makeover.curtain .demo-after[data-design][data-search-layout=floating] .direction-finder{width:84%;margin:-65px 4% 0 auto;padding:30px 34px;border-radius:5px;box-shadow:0 22px 50px #0003}
 .makeover.curtain .demo-after[data-design][data-search-layout=floating] .finder-fields{grid-template-columns:1.35fr 1fr 1.2fr 145px}
 .makeover.curtain .demo-after[data-design][data-search-layout=floating] .finder-intro h4{font-size:27px}
 .makeover.curtain .demo-after[data-design][data-search-layout=bar] .direction-finder{margin:-42px 5% 0;padding:22px 28px;border-radius:18px;box-shadow:0 20px 55px #18282b24}
 .makeover.curtain .demo-after[data-design][data-search-layout=bar] .finder-intro{margin-bottom:15px}
 .makeover.curtain .demo-after[data-design][data-search-layout=bar] .finder-intro h4{font-size:22px}
 .makeover.curtain .demo-after[data-design][data-search-layout=bar] .finder-fields{grid-template-columns:1fr 1.7fr 180px;gap:0;background:#f4f5f3;border:1px solid #e1e4df;border-radius:50px;overflow:hidden}
 .makeover.curtain .demo-after[data-design][data-search-layout=bar] .finder-field{border:0;border-right:1px solid #ddd;border-radius:0;background:transparent;padding:18px 24px;min-height:75px}
 .makeover.curtain .demo-after[data-design][data-search-layout=bar] .finder-submit{width:auto;height:auto;border-radius:40px;margin:7px;flex-direction:row;font-size:12px;justify-content:center}
 .makeover.curtain .demo-after[data-design][data-search-layout=expanded] .direction-finder{width:auto;margin:0;padding:40px 5%;border:0;border-radius:0;background:#f6f4ee;box-shadow:none}
 .makeover.curtain .demo-after[data-design][data-search-layout=expanded] .finder-intro h4{font-size:33px;max-width:none}
 .makeover.curtain .demo-after[data-design][data-search-layout=expanded] .finder-fields{grid-template-columns:1.4fr 1.2fr 1fr 1fr;gap:12px}
 .makeover.curtain .demo-after[data-design][data-search-layout=expanded] .finder-field{padding:23px 19px;border:1px solid #dbddd5;background:white;border-radius:5px;min-height:94px}
 .makeover.curtain .demo-after[data-design][data-search-layout=expanded] .finder-submit{grid-column:1/-1;min-height:58px;flex-direction:row;justify-content:center;gap:25px;border-radius:5px;font-size:14px}
 .makeover.curtain .demo-after[data-design][data-search-layout=expanded] .finder-fields:not(:has([data-search-field=max])){grid-template-columns:1.5fr 1fr}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .direction-finder{display:grid;grid-template-columns:.8fr 1.7fr;column-gap:36px;margin:0;padding:42px 5%;width:auto;border-radius:0}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-intro{grid-row:1/5;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;margin:0;border-right:1px solid #ffffff30;padding-right:25px}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-intro h4{font-size:32px;line-height:1.12;max-width:240px}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-saved{position:static;margin:0}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-fields{grid-template-columns:1fr 1fr;gap:10px}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] [data-search-field=keyword]{grid-column:1/2}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-submit{grid-column:2/3;min-height:65px;flex-direction:row;justify-content:center;gap:16px}
 .makeover.curtain .demo-after[data-design][data-search-layout=stacked] .direction-finder{width:78%;margin:28px auto;padding:32px;border-radius:14px}
 .makeover.curtain .demo-after[data-design][data-search-layout=stacked] .finder-fields{grid-template-columns:1fr 1fr;gap:13px}
 .makeover.curtain .demo-after[data-design][data-search-layout=stacked] [data-search-field=keyword]{grid-column:1/-1;min-height:82px;border-radius:10px;background:color-mix(in srgb,var(--estate-primary) 5%,white)}
 .makeover.curtain .demo-after[data-design][data-search-layout=stacked] .finder-submit{grid-column:1/-1;min-height:55px;justify-content:center;flex-direction:row;gap:20px}
 .makeover.curtain .demo-after[data-design][data-search-layout=concierge] .direction-finder{padding:25px;width:37%;right:3%;top:32px}
 .makeover.curtain .demo-after[data-design][data-search-layout=concierge] .finder-fields{grid-template-columns:1fr}
 .makeover.curtain .demo-after[data-design][data-search-layout=concierge] .finder-field{min-height:58px;padding:12px 15px}
 .makeover.curtain .demo-after[data-design][data-search-layout=concierge] .finder-intro h4{font-size:23px}
 .makeover.curtain .demo-after[data-design][data-search-layout=concierge] .renewed-hero{min-height:850px}
}
/* A quieter scale: controls are tools, with enough room for their content. */
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields>.finder-field{min-height:68px;padding:12px 15px;gap:9px;border-radius:7px;margin:0}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields .field-icon{width:22px;height:22px;font-size:20px;background:transparent;border-radius:0}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields .field-content{gap:4px}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields .field-title{font-size:8px;letter-spacing:1px}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields .finder-select-trigger,.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields input{font-size:13px;line-height:1.4;min-height:20px}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields .field-chevron{bottom:17px;right:12px;font-size:12px}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields>.finder-submit{min-height:50px;padding:12px;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;border-radius:7px;font-size:12px;box-shadow:none}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-submit>span:first-child{white-space:nowrap}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-submit>span:last-child{font-size:23px;align-self:center;line-height:1}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-intro{margin-bottom:18px}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-intro h4{font-size:25px;line-height:1.2}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-intro .finder-saved{padding:10px 13px;font-size:9px}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-advanced{margin-top:16px}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-advanced summary{padding-bottom:12px}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-quick{margin-top:13px;gap:7px}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-quick button{padding:7px 11px}
.makeover.curtain .demo-after[data-design][data-search-layout] .finder-note{margin-top:12px}
@media(min-width:901px){
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .direction-finder{padding:28px 4%;column-gap:28px}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-intro{margin:0;gap:12px}
 .makeover.curtain .demo-after[data-design][data-search-layout=expanded] .direction-finder{padding:28px 5%}
 .makeover.curtain .demo-after[data-design][data-search-layout=stacked] .direction-finder{padding:25px}
 .makeover.curtain .demo-after[data-design][data-search-layout=floating] .direction-finder{padding:25px 28px}
 .makeover.curtain .demo-after[data-design][data-search-layout=bar] .finder-fields>.finder-field{border-radius:0;border:0;background:transparent;min-height:66px;padding:12px 20px}
 .makeover.curtain .demo-after[data-design][data-search-layout=bar] .finder-fields>.finder-submit{border-radius:40px}
 .makeover.curtain .demo-after[data-design][data-search-layout=concierge] .renewed-hero{min-height:740px}
 .makeover.curtain .demo-after[data-design][data-search-layout=concierge] .finder-intro h4{font-size:22px}
}
@media(min-width:1200px){
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .direction-finder{display:block}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-intro{flex-direction:row;align-items:center;justify-content:flex-start;border:0;padding:0;margin:0 0 18px;gap:20px}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-intro>span{display:none}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-intro h4{max-width:none;font-size:26px}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-intro .finder-saved{margin-left:auto}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-fields{grid-template-columns:1.15fr 1.1fr 1.35fr 160px;gap:10px}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] [data-search-field=keyword],.makeover.curtain .demo-after[data-design][data-search-layout=split] .finder-fields>.finder-submit{grid-column:auto}
}
@media(max-width:900px){
 .makeover.curtain .demo-after[data-design][data-search-layout] .direction-finder{padding:18px}
 .makeover.curtain .demo-after[data-design][data-search-layout] .finder-intro h4{font-size:21px}
 .makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields>.finder-field{min-height:62px;padding:10px;gap:7px}
 .makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields .field-icon{width:18px;height:18px;font-size:18px}
 .makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields .finder-select-trigger,.makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields input{font-size:12px}
 .makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields>.finder-submit{min-height:46px}
}
@media(min-width:901px) and (max-width:1150px){
 .makeover.curtain .demo-after[data-design][data-search-layout=expanded] .finder-fields{grid-template-columns:1fr 1fr}
 .makeover.curtain .demo-after[data-design][data-search-layout=floating] .finder-fields{grid-template-columns:1fr 1fr}
 .makeover.curtain .demo-after[data-design][data-search-layout=floating] .finder-submit{justify-content:center;flex-direction:row;min-height:70px}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .direction-finder{grid-template-columns:.65fr 1.7fr;gap:22px}
}
@media(max-width:900px){
 .makeover.curtain .demo-after[data-design][data-search-layout] .direction-finder{width:auto;max-width:none;position:relative;top:auto;right:auto;margin:16px 13px 0;padding:20px;border-radius:10px}
 .makeover.curtain .demo-after[data-design][data-search-layout] .finder-fields{grid-template-columns:1fr 1fr;gap:9px}
 .makeover.curtain .demo-after[data-design][data-search-layout] .finder-field{grid-column:auto;min-height:67px;min-width:0;padding:14px 10px}
 .makeover.curtain .demo-after[data-design][data-search-layout] [data-search-field=keyword]{grid-column:1/-1}
 .makeover.curtain .demo-after[data-design][data-search-layout] .finder-submit{grid-column:1/-1;width:auto;min-height:48px;flex-direction:row;justify-content:center;gap:15px}
 .makeover.curtain .demo-after[data-design][data-search-layout=floating] .direction-finder{margin-top:-25px;border-radius:0}
 .makeover.curtain .demo-after[data-design][data-search-layout=split] .direction-finder{border-radius:0;margin-left:0;margin-right:0;padding:25px 20px}
 .makeover.curtain .demo-after[data-design][data-search-layout=expanded] .direction-finder{border-radius:0;background:#f6f4ee}
 .makeover.curtain .demo-after[data-design][data-search-layout=stacked] .finder-fields{grid-template-columns:1fr}
 .makeover.curtain .demo-after[data-design][data-search-layout=concierge] .finder-fields{grid-template-columns:1fr}
 .makeover.curtain .demo-after[data-design][data-search-layout=concierge] .renewed-hero{height:auto;min-height:0;padding-bottom:18px}
}