/* A customer preview. Deliberately its own look: the customer's brand, not ours. */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:"Inter",system-ui,sans-serif;color:#17130f;background:#fbf7f1;font-size:17px;line-height:1.5;padding-bottom:84px}
img{display:block;max-width:100%}
h1,h2,p,ul{margin:0}
.p-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}
.p-name{font-weight:700;letter-spacing:-.01em}
.p-wa{color:inherit;font-weight:600;text-decoration:none;font-size:15px}
.p-hero{position:relative;min-height:78svh;display:grid}
.p-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p-hero-text{position:relative;align-self:end;padding:28px 20px 32px;background:linear-gradient(180deg,rgba(23,19,15,0),rgba(23,19,15,.78));color:#fff;display:grid;gap:12px}
.p-hero h1{font-size:clamp(34px,6vw,64px);line-height:1;letter-spacing:-.03em;font-weight:800;max-width:14ch}
.p-hero p{font-size:18px;max-width:40ch}
.p-btn{display:inline-block;justify-self:start;background:#f26b1d;color:#fff;font-weight:700;text-decoration:none;padding:14px 20px;border-radius:8px;font-size:16px}
.p-block{padding:48px 20px;max-width:960px;margin:0 auto}
.p-block h2{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#7b6f63;margin-bottom:20px}
.p-list{list-style:none;padding:0;display:grid}
.p-list li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"b e" "s e";padding:16px 0;border-top:1px solid #e3d9cb;align-items:center;column-gap:16px}
.p-list li:last-child{border-bottom:1px solid #e3d9cb}
.p-list b{grid-area:b;font-size:19px}
.p-list span{grid-area:s;color:#7b6f63;font-size:15px}
.p-list em{grid-area:e;font-style:normal;font-weight:700;font-size:19px}
.p-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:0 20px;max-width:960px;margin:0 auto}
.p-photos img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:4px}
@media(min-width:720px){.p-photos{grid-template-columns:repeat(3,1fr)}}
.p-info{display:grid;gap:32px}
@media(min-width:720px){.p-info{grid-template-columns:1fr 1fr}}
.p-info a{color:inherit}
.p-foot{padding:40px 20px 56px;display:grid;gap:16px;border-top:1px solid #e3d9cb;color:#7b6f63;max-width:960px;margin:0 auto}

/* claim bar: Live by Morning tokens, inlined so the preview has no dependency on the brand css */
.claim{position:fixed;left:0;right:0;bottom:0;z-index:10;background:#141418;color:#f6f3ec;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-family:"Inter",system-ui,sans-serif;font-size:14px;line-height:1.3}
.claim-text b{font-weight:600}
.claim-go{flex:none;background:#f6f3ec;color:#141418;text-decoration:none;font-weight:600;padding:12px 16px;font-size:15px;white-space:nowrap}
@media(min-width:720px){.claim{padding:14px 24px;font-size:15px}}