/* Companion layout only; inherits main Of Tales and Lies branding from styles.css */
.commerce-hero .page-lead {max-width:760px;}
.commerce-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 23px;margin:0 0 29px;border:1px solid #6b3642;background:#22141a;color:#cda5aa;font-size:11px;letter-spacing:.08em}
.commerce-status strong{color:#fff;margin-right:auto;font-size:12px;text-transform:uppercase}
.commerce-status-dot{height:9px;width:9px;border-radius:100%;background:#bd5269;box-shadow:0 0 0 5px #bd526922}
.commerce-feature,.commerce-account{display:grid;grid-template-columns:minmax(190px,270px) minmax(0,1fr);gap:clamp(24px,5vw,76px);padding:clamp(25px,4vw,57px);border:1px solid #57333d;background:radial-gradient(circle at 17% 30%,#421c27 0%,#20141a 42%,#140f13 90%);align-items:center}
.commerce-feature>img{display:block;width:100%;max-width:270px;box-shadow:0 20px 55px #000a}
.commerce-feature h2,.commerce-account h2{font:400 clamp(36px,4vw,58px)/1.13 var(--heading);letter-spacing:-.05em;margin:17px 0 18px;color:#fff}
.commerce-feature p:not(.tiny-label),.commerce-account p:not(.tiny-label){max-width:620px;color:#ccb8be;line-height:1.85;font-size:14px}
.commerce-subtext{color:#b5a0a5!important}
.commerce-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}
.commerce-actions .btn{font-size:10px;min-height:47px}
.commerce-mini-note{font-size:12px!important;line-height:1.65!important;color:#ad949c!important;margin-top:18px}
.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 20px}
.commerce-grid article{border:1px solid #4f323a;background:#1b1116;padding:27px;min-height:205px}
.commerce-grid h3{font:400 28px/1.25 var(--heading);letter-spacing:-.035em;margin:15px 0 12px;color:#f8e7e7}
.commerce-grid p{font-size:13px;line-height:1.7;color:#bba8b0}
.commerce-grid a{color:#ffb0bf;font-size:10px;font-weight:700;letter-spacing:.12em;text-decoration:underline;text-underline-offset:5px}
.commerce-account{grid-template-columns:minmax(0,1fr) 210px}
.commerce-account-mark{width:195px;height:195px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #794054;box-shadow:0 0 0 22px #6121362a;background:radial-gradient(circle,#381725,#170e13 70%);color:#f4d6dc}
.commerce-account-mark>span{font:400 61px/1 Georgia,serif;letter-spacing:-.08em}
.commerce-account-mark .mark-accent{color:#b84562}
.commerce-account-mark small{font-size:8px;letter-spacing:.2em;color:#d38a9d;margin-top:10px}
@media(max-width:760px){.commerce-feature,.commerce-account{grid-template-columns:1fr}.commerce-feature>img{max-width:240px}.commerce-grid{grid-template-columns:1fr}.commerce-grid article{min-height:unset}.commerce-account-mark{display:none}}