.mac-bespoke main .hero-art.is-work{aspect-ratio:5/4;position:relative}.mac-bespoke main .work-frame{width:74%;position:absolute}.mac-bespoke main .work-frame.back{top:0;right:0;transform:rotate(2.2deg)}.mac-bespoke main .work-frame.front{bottom:9%;left:0;transform:rotate(-1.6deg)}.mac-bespoke main .hero-art.is-work figcaption{position:absolute;bottom:0;right:2%}.mac-bespoke main .hero-art.is-work figcaption .mac-label{margin:0}.mac-bespoke main .hero-art.is-work:before{content:"";background:var(--field);border-radius:52% 48% 44% 56%/58% 46% 54% 42%;position:absolute;inset:8% 4% 4% 10%}@media (max-width:1023px){.mac-bespoke main .hero-art.is-work{width:100%}}.mac-bespoke main .fit{padding:80px 0 104px}.mac-bespoke main .fit-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.mac-bespoke main .fit-card{border-radius:28px 18px 26px 20px;padding:32px 32px 30px}.mac-bespoke main .fit-card.yes{background:var(--cream);border:1px solid var(--frame-line)}.mac-bespoke main .fit-card.no{border:1px dashed var(--leaf-pale);border-radius:20px 28px 18px 26px}.mac-bespoke main .fit-card h3{margin:0 0 18px;font-size:1.25rem;font-weight:700;line-height:1.3}.mac-bespoke main .fit-card .mac-leaf-list{gap:14px}.mac-bespoke main .fit-card .link-arrow{margin-top:22px;font-size:.95rem;display:inline-block}@media (max-width:860px){.mac-bespoke main .fit-grid{grid-template-columns:1fr}}@media (max-width:640px){.mac-bespoke main .fit{padding:56px 0 72px}.mac-bespoke main .fit-card{padding:26px 22px 24px}}.mac-bespoke main .build{padding:96px 0 72px}.mac-bespoke main .examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px;margin:0;display:grid}.mac-bespoke main .examples>div{border-top:1px solid var(--border);padding:22px 0 26px}.mac-bespoke main .examples dt{align-items:center;gap:10px;margin:0 0 6px;font-size:1.08rem;font-weight:600;line-height:1.35;display:flex}.mac-bespoke main .examples dt svg{flex:none;width:16px;height:16px}.mac-bespoke main .examples dd{color:var(--muted);max-width:34ch;margin:0 0 0 26px;font-size:.96rem;line-height:1.55}@media (max-width:1023px){.mac-bespoke main .examples{grid-template-columns:1fr 1fr}}@media (max-width:640px){.mac-bespoke main .build{padding:64px 0 48px}.mac-bespoke main .examples{grid-template-columns:1fr}}.mac-bespoke main .how{padding:56px 0 88px}.mac-bespoke main .how .mac-section-head{margin-bottom:52px}.mac-bespoke main .cost{padding:24px 0 96px;scroll-margin-top:64px}.mac-bespoke main .cost-panel{grid-template-columns:5fr 6fr;align-items:center;column-gap:64px;display:grid}.mac-bespoke main .cost h2{letter-spacing:-.02em;margin:0 0 14px;font-size:2.1rem;font-weight:700;line-height:1.15}.mac-bespoke main .cost-panel>div:first-child p:not(.mac-label){color:#f6f1e6c7;max-width:44ch;margin:0 0 16px;font-size:1.05rem;line-height:1.62}.mac-bespoke main .cost-panel>div:first-child p.cost-hosting{font-size:.95rem}.mac-bespoke main .cost-ladder .mac-btn{margin-top:28px}@media (max-width:860px){.mac-bespoke main .cost-panel{grid-template-columns:1fr;row-gap:28px}.mac-bespoke main .cost-ladder .mac-btn{white-space:normal}}.mac-bespoke main .asked{padding:24px 0 96px}@media (max-width:640px){.mac-bespoke main .asked{padding:8px 0 72px}}
