/* Life Story Media section: nav bar, home page, kits. Scoped under .lsm so it will not touch the rest of the site. */
.lsm{--ink:#221F1A;--parch:#EDE3CC;--paper:#FBF7EC;--maroon:#6B2A34;--maroon-d:#521F27;--brass:#A9823C;--line:rgba(34,31,26,.14);
	color:var(--ink);font-family:'Public Sans',system-ui,sans-serif;line-height:1.55;font-size:16px;container-type:inline-size;font-weight:400;}
.lsm *{box-sizing:border-box;}
.lsm h2,.lsm h3{font-family:'Fraunces',Georgia,serif;font-weight:600;line-height:1.15;margin:0 0 .45em;color:var(--ink);}
.lsm p{margin:0 0 1em;}
.lsm a{color:inherit;}

/* let the section use more than the theme's narrow text column (switchable in settings) */
/* themes often cap every item in the text column (max-width plus auto margins), so those caps are overridden here */
.lsm.lsm-wide{width:min(1100px,calc(100vw - 48px));max-width:none !important;margin-left:0 !important;margin-right:0 !important;position:relative;left:50%;transform:translateX(-50%);}

/* menu bar */
.lsm-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;padding:12px 0 14px;margin:0 0 10px;border-bottom:1px solid var(--line);}
.lsm-brand{display:block;font-family:'Fraunces',Georgia,serif;font-size:44px;font-size:clamp(32px,8cqw,60px);line-height:1.1;font-weight:600;text-decoration:none;color:var(--ink);}
.lsm-brand span{color:var(--maroon);}
.lsm-brand-credit{font-size:11px;opacity:.55;letter-spacing:.3px;}
.lsm-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px;font-size:15px;}
.lsm-nav-links a{text-decoration:none;opacity:.82;padding:4px 0;border-bottom:2px solid transparent;}
.lsm-nav-links a:hover,.lsm-nav-links a.is-active{opacity:1;border-bottom-color:var(--brass);}
.lsm-nav-links a.lsm-cart{background:var(--maroon);color:var(--paper);opacity:1;padding:10px 18px;border-radius:3px;border-bottom:0;font-weight:500;}
.lsm-nav-links a.lsm-cart:hover{background:var(--maroon-d);}

/* buttons */
.lsm-btn{display:inline-block;background:var(--maroon);color:var(--paper) !important;border:0;padding:14px 26px;border-radius:3px;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;}
.lsm-btn:hover{background:var(--maroon-d);}
.lsm-btn-off{opacity:.5;cursor:not-allowed;}
.lsm-link{font-size:15px;text-decoration:underline;text-underline-offset:3px;opacity:.8;margin-left:18px;}
.lsm-actions{margin-top:26px;}

/* home: hero */
.lsm-hero{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:center;padding:44px 0 56px;}
.lsm-h1{font-size:38px;font-size:clamp(30px,6cqw,44px);max-width:520px;}
.lsm-lead{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:21px;line-height:1.4;color:var(--maroon);max-width:480px;margin:0 0 16px;}
.lsm-hero-text p{max-width:480px;}
.lsm-collage{position:relative;width:100%;max-width:600px;margin-left:auto;padding-top:100%;}
.lsm-snap{position:absolute;background:var(--paper);padding:10px 10px 32px;box-shadow:0 10px 24px rgba(34,31,26,.28);border:1px solid rgba(34,31,26,.06);}
.lsm-photo{width:100%;height:100%;}
.lsm-snap span{position:absolute;bottom:8px;left:12px;right:12px;font-size:12px;opacity:.55;font-family:'Fraunces',Georgia,serif;font-style:italic;}
.lsm-s1{width:42.5%;height:50%;top:1%;left:-1%;transform:rotate(-7deg);z-index:2;}
.lsm-s2{width:38.75%;height:45%;bottom:5%;right:-1%;transform:rotate(5deg);z-index:3;}
.lsm-s3{width:35%;height:41.25%;top:4%;right:1%;transform:rotate(4deg);z-index:1;}
.lsm-s1 .lsm-photo{background:linear-gradient(135deg,#C7B889,#8E7A54);}
.lsm-s2 .lsm-photo{background:linear-gradient(135deg,#B4917D,#6B4C3B);}
.lsm-s3 .lsm-photo{background:linear-gradient(135deg,#9AA98C,#5B6B52);}
.lsm-tape{position:absolute;width:64px;height:22px;background:rgba(169,130,60,.55);top:-10px;left:50%;transform:translateX(-50%) rotate(-3deg);}
.lsm-seal{position:absolute;left:10%;top:10%;width:80%;height:80%;object-fit:contain;z-index:4;transform:rotate(-3deg);filter:drop-shadow(0 18px 26px rgba(34,31,26,.35));}

/* home: tagline band, steps, cards, quote, end */
.lsm-band{background:var(--maroon);color:var(--paper);text-align:center;padding:48px 24px;}
.lsm-band p{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:500;font-size:24px;font-size:clamp(20px,3.4cqw,28px);line-height:1.3;max-width:760px;margin:0 auto 10px;}
.lsm-band small{opacity:.75;letter-spacing:.4px;font-size:13px;}
.lsm-how{padding:64px 0 28px;}
.lsm-h2{font-size:28px;font-size:clamp(25px,4cqw,32px);}
.lsm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 30px;margin-top:34px;}
.lsm-step{border-top:2px solid var(--brass);padding-top:16px;}
.lsm-step>span{display:block;font-family:'Fraunces',Georgia,serif;font-size:15px;font-weight:600;color:var(--brass);margin-bottom:8px;}
.lsm-step h3{font-size:19px;margin-bottom:6px;}
.lsm-step p{font-size:15px;opacity:.85;margin:0;}
.lsm-two{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:34px 0 20px;}
.lsm-card{background:var(--paper);border:1px solid var(--line);padding:28px 30px;}
.lsm-card h3{font-size:20px;color:var(--maroon);}
.lsm-card p{margin:0;font-size:15.5px;}
.lsm-quote{max-width:720px;margin:30px auto;text-align:center;}
.lsm-quote blockquote{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:500;font-size:22px;font-size:clamp(19px,3cqw,24px);line-height:1.45;margin:0 0 12px;padding:0;border:0;}
.lsm-quote cite{font-style:normal;font-size:14px;opacity:.7;}
.lsm-end{text-align:center;padding:44px 0 30px;}
.lsm-end p{opacity:.85;}

/* kits */
.lsm-products{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:12px;}
.lsm-product{position:relative;display:flex;flex-direction:column;background:var(--paper);border:1.5px solid var(--line);padding:34px 30px 30px;}
.lsm-product::before{content:"";position:absolute;top:0;left:24px;width:36px;height:10px;background:var(--parch);border-radius:0 0 4px 4px;}
.lsm-product h3{font-size:24px;margin-bottom:2px;}
.lsm-for{font-size:14px;opacity:.7;margin-bottom:14px;}
.lsm-price{font-family:'Fraunces',Georgia,serif;font-size:32px;font-weight:600;color:var(--maroon);margin-bottom:16px;}
.lsm-price .woocommerce-Price-amount{color:var(--maroon);}
.lsm-price small{font-family:'Public Sans',system-ui,sans-serif;font-size:14px;font-weight:400;color:var(--ink);opacity:.6;}
.lsm-ticks{list-style:none;padding:0;margin:0 0 22px;font-size:15px;flex:1;}
.lsm-ticks li{position:relative;padding:7px 0 7px 18px;border-top:1px solid rgba(34,31,26,.09);}
.lsm-ticks li:first-child{border-top:0;}
.lsm-ticks li::before{content:"\2013";position:absolute;left:0;color:var(--brass);}
.lsm-product .lsm-btn{align-self:flex-start;}
.lsm-inbox{margin-top:30px;background:var(--paper);border:1px solid var(--line);padding:28px 30px;}
.lsm-inbox h3{font-size:20px;}
.lsm-inbox ul{columns:2;column-gap:40px;list-style:none;padding:0;margin:14px 0 0;font-size:15px;}
.lsm-inbox li{position:relative;padding:5px 0 5px 18px;break-inside:avoid;}
.lsm-inbox li::before{content:"\2013";position:absolute;left:0;color:var(--brass);}
.lsm-enquire{margin-top:26px;border:1.5px dashed rgba(169,130,60,.7);padding:20px 26px;font-size:15px;}
.lsm-enquire strong{font-family:'Fraunces',Georgia,serif;font-size:18px;}

@media (max-width:860px){
	.lsm-hero,.lsm-two,.lsm-products{grid-template-columns:1fr;}
	.lsm-hero{padding:24px 0 36px;}
	.lsm-collage{max-width:420px;margin:8px auto 0;}
	.lsm-steps{grid-template-columns:repeat(2,1fr);}
	.lsm-inbox ul{columns:1;}
}
@container (max-width:860px){
	.lsm-hero,.lsm-two,.lsm-products{grid-template-columns:1fr;}
	.lsm-hero{padding:24px 0 36px;}
	.lsm-collage{max-width:420px;margin:8px auto 0;}
	.lsm-steps{grid-template-columns:repeat(2,1fr);}
	.lsm-inbox ul{columns:1;}
}
@media (max-width:560px){
	.lsm-steps{grid-template-columns:1fr;}
}
@container (max-width:560px){
	.lsm-steps{grid-template-columns:1fr;}
	.lsm-nav-links{gap:6px 18px;}
}
