@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:#dddcd7;color:#242523}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.preview-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7f5f0;box-shadow:0 1px 9px #0002;padding:13px 20px;min-height:64px}.toolbar-back{font-size:12px;border-bottom:1px solid;padding-bottom:5px}.preview-center{font-size:12px;letter-spacing:.2px}.preview-center span{color:#92968e}.preview-actions{display:flex;align-items:center;gap:16px}.viewport-toggle{display:flex;gap:3px}.viewport-toggle button{background:transparent;border:1px solid #c6c7c1;padding:8px;font-size:11px}.viewport-toggle button[aria-pressed=true]{background:#242523;color:white;border-color:#242523}.select-template{padding:12px 15px;background:#643442;color:white;font-size:12px;font-weight:700}.demo-shell{margin:auto;transition:width .3s;overflow:visible;max-width:100%;width:100%}.demo-shell.as-mobile{width:390px;box-shadow:0 10px 60px #0002;margin:25px auto;max-width:calc(100% - 22px)}.preview-page{--bg:#f0eee8;--ink:#20211f;--accent:#7e343f;--head:'Playfair Display',Georgia,serif;background:var(--bg);color:var(--ink);min-height:100vh}.theme-bruma{--bg:#f2f3ee;--ink:#25372b;--accent:#617467}.theme-mesa{--bg:#1a1e1b;--ink:#faf4ed;--accent:#a48058}.theme-lira{--bg:#f4e9eb;--ink:#35252c;--accent:#904d5d}.theme-nexo{--bg:#1b201d;--ink:#f4f5ec;--accent:#b3c99b}.theme-folio{--bg:#e7e4dd;--ink:#252423;--accent:#aa394c}.demo-head{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(18px,5vw,80px);border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.demo-logo{font:500 23px 'Playfair Display',Georgia,serif;letter-spacing:3px}.demo-nav{display:flex;gap:25px;font-size:11px;text-transform:uppercase;letter-spacing:1px}.demo-nav a:hover{color:var(--accent)}.demo-menu{display:none;background:none;border:0;color:inherit}.demo-hero{display:grid;grid-template-columns:55% 45%;min-height:calc(100vh - 100px)}.demo-hero-copy{padding:clamp(35px,9vw,125px) clamp(22px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.demo-eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;opacity:.7}.demo-hero h1{font:400 clamp(52px,5.5vw,100px)/1.08 var(--head);margin:28px 0;letter-spacing:-1.8px}.demo-hero p{font-size:14px;line-height:1.8;max-width:440px;opacity:.82}.demo-btn{font-size:12px;font-weight:700;border-bottom:1px solid;align-self:flex-start;padding:17px 0;margin-top:24px;text-transform:uppercase;letter-spacing:1px}.demo-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.demo-proposal{padding:110px clamp(22px,8vw,130px);display:grid;grid-template-columns:1fr 2fr;gap:40px}.demo-step{font-size:10px;letter-spacing:2px;opacity:.7}.demo-proposal h2,.demo-offer h2,.demo-contact h2{font:400 clamp(37px,5vw,68px)/1.12 var(--head);margin:0 0 26px}.demo-proposal p{font-size:14px;line-height:1.95;max-width:630px;opacity:.75}.demo-offer{padding:100px clamp(22px,8vw,130px);background:color-mix(in srgb,var(--ink) 6%,var(--bg))}.demo-offer h2{margin:30px 0 55px}.demo-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.demo-services>div{border-top:1px solid;padding:22px 0 30px}.demo-services span{font-size:11px;opacity:.6}.demo-services h3{font:400 clamp(23px,3vw,36px)/1.24 var(--head)}.demo-contact{padding:100px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px}.demo-contact span{font-size:10px;letter-spacing:2px}.demo-contact h2{max-width:730px}.demo-contact a{background:var(--accent);color:#fff;padding:16px 27px;font-size:12px;font-weight:700}.demo-footer{display:flex;justify-content:space-between;gap:15px;padding:26px 35px;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);font-size:10px;letter-spacing:1px}.demo-disclaimer{text-align:center;font-size:10px;padding:15px;color:#696f67;background:#f0eee8}
/* design-specific signatures */
.theme-bruma .demo-hero-image{padding:30px 25px 0 0}.theme-bruma .demo-hero-image img{border-radius:45% 45% 0 0}.theme-mesa .demo-hero{display:block;min-height:680px;position:relative}.theme-mesa .demo-hero-image{position:absolute;inset:0}.theme-mesa .demo-hero-image img{filter:brightness(.55)}.theme-mesa .demo-hero-copy{position:relative;z-index:1;max-width:820px;min-height:680px;color:#fff}.theme-nexo .demo-hero{grid-template-columns:60% 40%}.theme-nexo .demo-hero h1{font-family:'DM Sans',Arial,sans-serif;font-weight:500;letter-spacing:-4px}.theme-lira .demo-hero h1{font-style:italic}.theme-folio .demo-hero{grid-template-columns:45% 55%}.theme-folio .demo-hero h1{text-transform:uppercase;letter-spacing:-4px}.theme-folio .demo-hero-image{padding:0 22px 55px 0}.theme-folio .demo-hero-image img{filter:saturate(.55)}
@media(max-width:750px){.preview-center{display:none}.viewport-toggle{display:none}.preview-toolbar{padding:10px 13px}.toolbar-back{font-size:11px}.select-template{font-size:11px;padding:12px}.demo-head{height:68px}.demo-nav{display:none}.demo-nav.shown{display:flex;position:absolute;z-index:5;left:0;right:0;top:130px;background:var(--bg);color:var(--ink);flex-direction:column;padding:22px}.demo-menu{display:block}.demo-hero,.theme-nexo .demo-hero,.theme-folio .demo-hero{display:flex;flex-direction:column-reverse;min-height:0}.demo-hero-image,.theme-folio .demo-hero-image,.theme-bruma .demo-hero-image{height:370px;padding:0}.demo-hero-copy{padding:47px 23px 64px}.demo-hero h1{font-size:clamp(46px,10vw,67px)}.demo-proposal{display:block;padding:65px 23px}.demo-proposal h2{margin-top:30px}.demo-offer{padding:65px 23px}.demo-services{grid-template-columns:1fr}.demo-services>div{padding:16px 0}.demo-contact{padding:70px 23px}.demo-footer{display:block;font-size:9px;line-height:2}.theme-mesa .demo-hero{min-height:630px}.theme-mesa .demo-hero-copy{position:relative;justify-content:center;min-height:630px}.theme-mesa .demo-hero-image{position:absolute;height:auto;inset:0}.demo-shell.as-mobile{width:100%;margin:0;box-shadow:none}}
@media(min-width:751px){.demo-shell.as-mobile .demo-nav{display:none}.demo-shell.as-mobile .demo-menu{display:block}.demo-shell.as-mobile .demo-hero,.demo-shell.as-mobile .theme-nexo .demo-hero,.demo-shell.as-mobile .theme-folio .demo-hero{display:flex;flex-direction:column-reverse;min-height:0}.demo-shell.as-mobile .demo-hero-image{height:300px}.demo-shell.as-mobile .demo-hero-copy{padding:40px 22px 55px}.demo-shell.as-mobile .demo-hero h1{font-size:48px}.demo-shell.as-mobile .demo-proposal{display:block;padding:70px 22px}.demo-shell.as-mobile .demo-offer{padding:60px 22px}.demo-shell.as-mobile .demo-services{grid-template-columns:1fr}.demo-shell.as-mobile .demo-contact{padding:70px 22px}.demo-shell.as-mobile .theme-mesa .demo-hero{min-height:650px;display:block}.demo-shell.as-mobile .theme-mesa .demo-hero-image{position:absolute;inset:0;height:auto}.demo-shell.as-mobile .theme-mesa .demo-hero-copy{min-height:650px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-shell{transition:none}}