@font-face{font-family:Figtree;src:url(/demos/fonts/figtree-var.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Young Serif;src:url(/demos/fonts/young-serif-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/demos/fonts/barlow-condensed-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/demos/fonts/barlow-condensed-800.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/demos/fonts/bricolage-var.woff2)format("woff2");font-weight:200 800;font-display:swap}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:7rem}body.demo-site{--bg:#fff;--fg:#1d1f21;--soft:#f1f1f1;--accent:#1f6f5c;--on-accent:#fff;--head:"Figtree", system-ui, sans-serif;background:var(--bg);color:var(--fg);margin:0;font-family:Figtree,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.0625rem;line-height:1.6;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3{font-family:var(--head);text-wrap:balance;margin:0 0 .6rem;line-height:1.12}h1{font-size:clamp(2.2rem,6vw,4rem)}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:1.15rem}p{max-width:62ch;margin:0 0 1rem}.d-wrap{width:min(72rem,100%);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.d-skip{z-index:60;color:#000;background:#fff;padding:.5rem .8rem;position:absolute;top:.5rem;left:-999px}.d-skip:focus{left:.5rem}main:focus{outline:none}.d-banner{z-index:50;color:#f4f3ee;background:#17201c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem 1.2rem;padding:.55rem clamp(1rem,4vw,2.5rem);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:.88rem;line-height:1.4;display:flex;position:sticky;top:0}.d-banner p{max-width:none;margin:0}.d-banner a{color:#f4f3ee;white-space:nowrap;font-weight:600}.d-banner a:focus-visible{outline-color:#f4f3ee}.d-watermark{z-index:40;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='220'%3E%3Ctext x='180' y='120' text-anchor='middle' transform='rotate(-24 180 110)' font-family='Arial,Helvetica,sans-serif' font-size='30' font-weight='700' letter-spacing='4' fill='%23808080' fill-opacity='0.16'%3EFRONTSTEP DEMO%3C/text%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}.d-photo{position:relative;overflow:hidden}.d-photo img{object-fit:cover;width:100%;height:100%}.d-photo:after{content:attr(data-watermark);letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;-webkit-text-stroke:1px #00000059;pointer-events:none;place-items:center;font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.2rem,9vw,5rem);font-weight:800;display:grid;position:absolute;inset:0;transform:rotate(-18deg)}.d-header{border-bottom:1px solid color-mix(in srgb, var(--fg) 14%, transparent);background:var(--bg)}.d-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-block:.9rem;display:flex}.d-brand{font-family:var(--head);font-size:1.35rem;font-weight:700;text-decoration:none}.d-header ul{flex-wrap:wrap;gap:.2rem 1.2rem;margin:0;padding:0;list-style:none;display:flex}.d-header nav a{padding:.35rem 0;font-weight:600;text-decoration:none;display:inline-block}.d-header nav a:hover,.d-header nav a[aria-current=page]{text-decoration:underline 2px}.d-footer{background:var(--soft);margin-top:4rem;padding-block:2.5rem 3rem;font-size:.9rem}.d-foot{gap:1.5rem;display:grid}@media (width>=56rem){.d-foot{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.d-foot-name{font-family:var(--head);margin-bottom:.4rem;font-size:1.2rem;font-weight:700}.d-foot-head{margin-bottom:.4rem;font-weight:700}.d-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.d-btn{background:var(--accent);min-height:44px;color:var(--on-accent);border:2px solid var(--accent);padding:.75rem 1.2rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-block}.d-btn:hover{filter:brightness(1.1)}.d-btn-quiet{color:inherit;background:0 0;border-color:currentColor}.d-nowrap{white-space:nowrap}.d-page-head{padding-block:3rem 1.5rem}.d-two{align-items:start;gap:2.5rem;padding-block:2rem;display:grid}@media (width>=52rem){.d-two{grid-template-columns:1fr 1fr;gap:4rem}}.d-hours{border-collapse:collapse;width:100%;max-width:28rem;margin-bottom:2rem}.d-hours th,.d-hours td{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--fg) 18%, transparent);padding:.55rem .5rem .55rem 0;font-weight:400}.d-hours td{text-align:right;font-weight:600}.d-sample{background:var(--soft);padding:clamp(1.2rem,3vw,2rem)}.d-sample-flag{color:#f4f3ee;background:#17201c;margin-bottom:.9rem;padding:.25rem .6rem;font-size:.85rem;display:inline-block}.d-fields{gap:1rem;margin-bottom:1.4rem;display:grid}.d-field label{margin-bottom:.3rem;font-weight:600;display:block}.d-field input,.d-field select,.d-field textarea{width:100%;font:inherit;border:1px solid color-mix(in srgb, var(--fg) 45%, transparent);color:#1d1f21;background:#fff;border-radius:0;min-height:44px;padding:.6rem .7rem}.d-field input:focus,.d-field select:focus,.d-field textarea:focus,.d-field:focus-within :is(input,select,textarea){outline:3px solid var(--accent);outline-offset:2px}.d-hint{opacity:.85;margin:.3rem 0 0;font-size:.85rem}.d-sent{border-left:4px solid var(--accent);background:var(--bg);margin-top:1.2rem;padding:1rem 1.1rem;display:none}.d-sent:target{display:block}.d-sent p{margin:0}body.d-restaurant{--bg:#f3e6d3;--fg:#2a1c14;--soft:#e8d5ba;--accent:#a3283c;--on-accent:#fff6ec;--head:"Young Serif", Georgia, serif}.d-restaurant h1,.d-restaurant h2,.d-restaurant h3{font-weight:400}.r-hero{color:#f3e6d3;background:#2a1c14;display:grid}.r-hero-photo{aspect-ratio:16/10}.r-hero-text{padding:2rem clamp(1rem,4vw,2.5rem) 2.5rem}.r-hero h1{margin-bottom:1rem;font-size:clamp(3rem,11vw,6.5rem);line-height:.95}.r-sub{font-size:1.2rem}.d-restaurant .r-hero .d-btn-quiet{color:#f3e6d3}.d-restaurant .r-hero .d-btn:not(.d-btn-quiet){color:#2a1c14;background:#e3a33b;border-color:#e3a33b}@media (width>=56rem){.r-hero{grid-template-columns:1.15fr 1fr;align-items:end}.r-hero-photo{aspect-ratio:auto;height:100%;min-height:32rem}.r-hero-text{padding:3rem 3rem 3.5rem}}.r-today{gap:2.5rem;padding-block:3.5rem;display:grid}@media (width>=52rem){.r-today{grid-template-columns:1fr 1fr;align-items:center;gap:4rem}}.r-board{color:#f1ece0;background:#23302a;border:10px solid #6b4a2f;padding:1.8rem}.r-board h2{font-size:1.7rem}.r-leaders{margin:1rem 0}.r-leaders>div{align-items:baseline;gap:.5rem;padding:.35rem 0;display:flex}.r-leaders dt{flex-direction:column;flex:auto;min-width:0;display:flex}.r-leaders>div:after{content:none}.r-leaders dt span{opacity:.8;font-size:.9rem}.r-leaders dd{white-space:nowrap;margin:0;font-family:Young Serif,Georgia,serif}.r-board .r-leaders>div{border-bottom:1px dashed #f1ece059;font-size:1.1rem}.r-board-note{opacity:.8;margin:0;font-size:.85rem}.r-plates{padding-bottom:2rem}.r-plate-list{gap:2rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=46rem){.r-plate-list{grid-template-columns:repeat(3,1fr)}}.r-plate-list .d-photo{aspect-ratio:4/3;margin-bottom:1rem}.r-strip{border-top:2px solid var(--fg);border-bottom:2px solid var(--fg);margin-top:2rem;padding-block:2.5rem}.r-menu{gap:3rem;display:grid}@media (width>=60rem){.r-menu{grid-template-columns:2fr 1fr}}.r-menu-cols{gap:2.5rem;display:grid}.r-menu-note{margin-bottom:.5rem;font-style:italic}.r-leaders-light>div{border-bottom:1px dotted color-mix(in srgb, var(--fg) 40%, transparent);padding:.6rem 0}.r-leaders-light dt{font-weight:700}.r-leaders-light dt span{font-weight:400}.r-menu-aside .d-photo{aspect-ratio:4/3;margin-bottom:1rem}body.d-cleaning{--bg:#fbfdfe;--fg:#14324a;--soft:#e6f0f6;--accent:#1f7a66;--on-accent:#fff;--head:"Figtree", system-ui, sans-serif}.d-cleaning h1,.d-cleaning h2{letter-spacing:-.02em;font-weight:800}.d-cleaning .d-btn{border-radius:999px}.c-hero{align-items:center;gap:2rem;padding-block:3rem;display:grid}@media (width>=52rem){.c-hero{grid-template-columns:1.3fr 1fr;gap:4rem}}.c-hero-photo{aspect-ratio:4/5;border-radius:1.5rem;max-height:34rem}.c-sub{font-size:1.2rem}.c-band{background:var(--soft);padding-block:3rem}.c-plans{gap:1rem;margin:1.5rem 0 1rem;padding:0;list-style:none;display:grid}@media (width>=46rem){.c-plans{grid-template-columns:repeat(3,1fr)}}.c-plans li{background:#fff;border-top:6px solid #f0cf4c;border-radius:1rem;padding:1.5rem}.c-plans li:nth-child(2){border-top-color:var(--accent)}.c-price{margin-bottom:.5rem;font-size:1.3rem;font-weight:800}.c-fine{font-size:.88rem}.c-trust{align-items:center;padding-block:3.5rem}.c-trust .d-photo{aspect-ratio:3/2;border-radius:1rem}.c-steps{padding-left:1.3rem}.c-steps li{margin-bottom:.5rem}.c-rooms{gap:1.2rem;display:grid}.c-room{background:var(--soft);border-radius:1rem;padding:clamp(1.2rem,3vw,2rem)}.c-room-lists{gap:1rem 2rem;display:grid}@media (width>=46rem){.c-room-lists{grid-template-columns:1.4fr 1fr}}.c-room h3{font-size:1rem;font-weight:700}.c-check{margin:0;padding:0;list-style:none}.c-check li{margin-bottom:.4rem;padding-left:1.8rem;position:relative}.c-check li:before{content:"";background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center / 80% no-repeat;border-radius:50%;width:1.05rem;height:1.05rem;position:absolute;top:.35em;left:0}.c-check-plus li:before{background-color:#b8860b}.c-extra{padding-block:3rem}.c-pair{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.c-pair .d-photo{aspect-ratio:1;border-radius:1rem}.c-areas{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.c-areas li{background:var(--soft);border-radius:999px;padding:.35rem .9rem;font-weight:600}.d-cleaning .d-sample{border-radius:1rem}body.d-landscaping{--bg:#eeede4;--fg:#1f2d22;--soft:#dfe3d2;--accent:#2f5d33;--on-accent:#fff;--head:"Barlow Condensed", "Arial Narrow", sans-serif}.d-landscaping h1,.d-landscaping h2,.d-landscaping .d-brand{text-transform:uppercase;letter-spacing:.01em;font-weight:800}.d-landscaping h3{font-weight:600}.l-hero{color:#f0f2e6;background:#1f3a24;display:grid}.l-hero-photo{aspect-ratio:4/3}.l-hero-text{align-self:center;padding:2rem clamp(1rem,4vw,2.5rem) 2.5rem}.l-hero h1{font-size:clamp(2.8rem,9vw,5.5rem);line-height:.92}.d-landscaping .l-hero .d-btn:not(.d-btn-quiet){color:#1f2d22;background:#e3b23c;border-color:#e3b23c}@media (width>=56rem){.l-hero{grid-template-columns:1fr 1.2fr}.l-hero-photo{aspect-ratio:auto;order:2;height:100%;min-height:34rem}.l-hero-text{padding:3rem}}.l-cal{padding-block:3.5rem 1rem}.l-months{background:var(--fg);border:2px solid var(--fg);grid-template-columns:repeat(2,1fr);gap:2px;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=40rem){.l-months{grid-template-columns:repeat(4,1fr)}}@media (width>=64rem){.l-months{grid-template-columns:repeat(6,1fr)}}.l-months li{background:var(--bg);flex-direction:column;min-height:5.5rem;padding:.8rem;display:flex}.l-months li:nth-child(n+6):nth-child(-n+10){background:#d4e2c4}.l-m{font-family:var(--head);text-transform:uppercase;font-size:1.5rem;font-weight:800}.l-intro{align-items:center}.l-intro .d-photo{aspect-ratio:1}.l-services{border-top:3px solid var(--fg);gap:0;margin:0;padding:0;list-style:none;display:grid}.l-services li{border-bottom:1px solid color-mix(in srgb, var(--fg) 30%, transparent);gap:.2rem 2rem;padding:1.3rem 0;display:grid}@media (width>=52rem){.l-services li{grid-template-columns:1fr 1.6fr auto;align-items:baseline}}.l-services h2{margin:0;font-size:1.6rem}.l-services p{margin:0}.l-price{white-space:nowrap;font-weight:700}.l-cta-row{margin-top:2rem}.l-gallery{gap:1rem;display:grid}@media (width>=46rem){.l-gallery{grid-template-columns:repeat(3,1fr)}}.l-gallery figure{margin:0}.l-gallery .d-photo{aspect-ratio:3/4}.l-gallery figcaption{padding-top:.5rem;font-weight:600}body.d-bike-shop{--bg:#fafafa;--fg:#1d1f21;--soft:#ececea;--accent:#1d1f21;--on-accent:#f5c400;--head:"Bricolage Grotesque", system-ui, sans-serif}.d-bike-shop h1,.d-bike-shop h2,.d-bike-shop .d-brand{letter-spacing:-.03em;font-weight:800}.d-bike-shop :focus-visible{outline-color:#c73a28}.b-hero{background:#f5c400;padding-block:3rem}.b-hero-grid{align-items:center;gap:2rem;display:grid}@media (width>=52rem){.b-hero-grid{grid-template-columns:1.2fr 1fr;gap:3rem}}.b-hero h1{font-size:clamp(2.5rem,7.5vw,4.8rem);line-height:.95}.b-sub{font-size:1.2rem}.b-hero-photo{aspect-ratio:1;border:6px solid var(--fg)}.b-drop{padding-block:3.5rem 1rem}.b-steps{counter-reset:step;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}@media (width>=52rem){.b-steps{grid-template-columns:repeat(4,1fr)}}.b-steps li{counter-increment:step;border-top:6px solid var(--fg);padding-top:.8rem}.b-steps li:before{content:counter(step);font-family:var(--head);margin-bottom:.4rem;font-size:2.4rem;font-weight:800;line-height:1;display:block}.b-steps strong{display:block}.b-feature{align-items:center;padding-block:3rem}.b-feature .d-photo{aspect-ratio:16/10}.b-board{gap:2.5rem;display:grid}.b-prices{border-collapse:collapse;border:3px solid var(--fg);width:100%}.b-prices thead th{background:var(--fg);color:#f5c400;text-align:left;padding:.6rem .8rem;font-size:.9rem}.b-prices tbody th,.b-prices td{text-align:left;vertical-align:top;border-top:1px solid #c8c8c4;padding:.75rem .8rem}.b-prices tbody th{font-weight:700}.b-prices td:last-child,.b-prices thead th:last-child{text-align:right;white-space:nowrap;font-weight:800}@media (width<=34rem){.b-prices thead{display:none}.b-prices tr{border-top:1px solid #c8c8c4;grid-template-columns:1fr auto;padding:.6rem .8rem;display:grid}.b-prices tbody th,.b-prices td{border:0;padding:0}.b-prices td:nth-child(2){grid-area:2/1/auto/-1;font-size:.92rem}}