.example-gallery{padding-top:55px;padding-bottom:35px}.example-gallery>h1{font-size:50px;line-height:1.15;margin-bottom:18px;font-weight:600}.example-gallery>p{font-size:15px;color:var(--muted)}.example-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin:35px 0 20px}.example-tile{display:block;background:#f2eee4;border:1px solid #dedfd1;border-radius:12px;overflow:hidden;transition:transform .16s,box-shadow .16s}.example-tile:hover{transform:translateY(-4px);box-shadow:0 12px 30px #223c3610}.example-tile>img{width:100%;height:260px;object-fit:cover;display:block}.example-tile.salon>img{object-position:50% 60%}.example-tile.groomer>img{object-position:50% 68%}.example-tile.sweep>img{object-position:50% 65%}.example-tile>div{padding:23px}.example-tile small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.example-tile h2{font-size:25px;margin:12px 0}.example-tile p{font-size:13px;color:var(--muted)}.example-tile span{font-size:12px;font-weight:700;color:var(--blue)}.example-gallery .field-note{font-size:10px}.studio-art img{width:100%;height:180px;object-fit:cover;border-radius:45px 45px 5px 5px;display:block}.mini-hero{grid-template-columns:1.1fr 1fr}.mini-hero h2{font-size:29px}.preview-explore{grid-column:1/-1;font-size:11px;color:var(--blue);font-weight:700;padding-top:3px}.booking-only .demo-section .section-heading,.booking-only .demo-shell aside{display:none}.booking-only .demo-shell{grid-template-columns:1fr;max-width:720px;margin:auto;min-height:0}.booking-only .demo-section{padding-top:30px}.booking-only .demo-main{padding:30px}.booking-only .demo-tabs{margin-bottom:20px}.example-booking-header{max-width:790px;padding:25px 35px;display:flex;gap:25px;justify-content:space-between;align-items:center}.example-booking-header>a{font-size:13px;font-weight:700}.example-booking-header>span{font-size:10px;color:var(--muted)}
@media(max-width:700px){.example-gallery{padding-top:35px}.example-gallery>h1{font-size:37px}.example-tiles{grid-template-columns:1fr;gap:20px;margin-top:25px}.example-tile>img{height:260px}.example-tile>div{padding:23px}.studio-art img{height:165px}.mini-hero h2{font-size:29px}.booking-only .demo-main{padding:22px 16px}.example-booking-header{padding:20px 22px;display:block}.example-booking-header>span{display:block;margin-top:10px}}
@media(max-width:380px){.studio-art img{height:150px}.mini-hero h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.example-tile{transition:none}.example-tile:hover{transform:none}}

/* Client-facing demo booking carries the selected business identity. */
.booking-only[data-business="hair"]{--ink:#343831;--blue:#735b50;--cream:#faf5ec;--muted:#697066}.booking-only[data-business="groom"]{--ink:#343831;--blue:#466042;--cream:#f7f8ef;--muted:#626b5e}.booking-only[data-business="sweep"]{--ink:#3b4136;--blue:#9a4f2d;--cream:#f9f3e9;--muted:#6d7568}.booking-only .button.dark{background:var(--blue)}.booking-only .demo-tabs .active{color:var(--blue);border-color:var(--blue)}.booking-only .slots button.active{background:var(--blue);border-color:var(--blue);color:white}.booking-only .example-booking-header{margin:auto;border:0}.sample-booking-footer{max-width:790px;margin:35px auto;padding:25px 35px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;flex-wrap:wrap}.sample-booking-footer strong{font-size:20px}.sample-booking-footer p{font-size:11px;width:100%}.sample-booking-footer a,.sample-booking-footer button{font-size:11px}.sample-booking-footer button{margin-left:auto}#sector-fields{margin-bottom:20px}.booking-only .business-heading>div:last-child{min-width:0}.booking-only .business-heading h3{overflow-wrap:anywhere}@media(max-width:650px){.field-row{grid-template-columns:minmax(0,1fr)}.sample-booking-footer{padding:25px 22px}.booking-only .business-heading h3{font-size:23px}}

.example-tile.salon>img{object-position:42% 48%}.example-tile.groomer>img{object-position:56% 55%}.example-tile.sweep>img{object-position:50% 72%}.studio-art img{object-position:45% 50%}

.example-tile.sweep>img{object-position:50% 62%}

.diary-business{margin:8px 0 0;font-size:13px;font-weight:700;color:var(--muted)}

/* Distinct sector illustrations, shared by selectors and booking headers. */
.trade-buttons .trade{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;line-height:1.3;min-height:52px}.sector-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;flex-shrink:0;background:#ede9df}.sector-icon img{display:block;width:30px;height:30px}.sector-sweep{background:#f2dfcb}.sector-groom{background:#e3ead3}.sector-hair{background:#eee0d7}.sector-clean{background:#dfebeb}.trade.active .sector-icon{box-shadow:0 0 0 1px #ffffff70}.business-icon{width:62px;height:62px;border-radius:16px}.business-icon img{width:48px;height:48px;display:block}@media(max-width:700px){.trade-buttons .trade{font-size:11px;gap:7px;padding:8px 10px}.sector-icon{width:30px;height:30px}.sector-icon img{width:27px;height:27px}}

.example-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.example-tile.cleaner{background:#e7eff0}.example-tile.cleaner>img{object-position:50% 58%}.preview-picker{flex-wrap:wrap}@media(max-width:700px){.example-tiles{grid-template-columns:1fr}}