/* Expressive geometry studies. Scoped to the native Atomic style guide. */
.lcsg .lcsg-shape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
.lcsg .lcsg-shape-card{display:flex;flex-direction:column;gap:12px;min-width:0}
.lcsg .lcsg-shape-label{font:600 11px/1.5 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#40516d}
.lcsg .lcsg-shape-title{font:500 25px/1.2 'Fraunces',serif}
.lcsg .lcsg-shape-caption{font:400 15px/1.6 'DM Sans',sans-serif;max-width:60ch}
.lcsg .lcsg-mask-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:12px;aspect-ratio:1;background:transparent}
.lcsg .lcsg-mask-frame{width:100%;aspect-ratio:1;--lc-photo-mask:url('shapes/expressive/scalloped-star.svg')}
.lcsg .lcsg-mask-photo{display:block;width:100%;height:100%;aspect-ratio:1;mask:var(--lc-photo-mask) center/100% 100% no-repeat;-webkit-mask:var(--lc-photo-mask) center/100% 100% no-repeat}
.lcsg .lcsg-mask-photo img,.lcsg img.lcsg-mask-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:54% 48%}
.lcsg .lcsg-mask--scalloped-star{--lc-photo-mask:url('shapes/expressive/scalloped-star.svg')}
.lcsg .lcsg-mask--clover{--lc-photo-mask:url('shapes/expressive/clover.svg')}
.lcsg .lcsg-mask--four-point{--lc-photo-mask:url('shapes/expressive/four-point.svg')}
.lcsg .lcsg-mask--balanced-corners{--lc-photo-mask:url('shapes/expressive/balanced-corners.svg')}
.lcsg .lcsg-shape-edit-note{padding:20px 24px;background:white;border-left:2px solid var(--choice-apricot)}
/* Each centered shape is a real background to the card's native copy. */
.lcsg .lcsg-geometry-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lcsg .lcsg-geometry-card{--tile-fill:var(--choice-apricot);--tile-hover:var(--choice-gold);--tile-ink:var(--choice-navy);--tile-mask:url('shapes/expressive/rounded-star.svg');position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:440px;padding:76px 50px;overflow:hidden;background:transparent;transition:background-color .45s ease}
.lcsg .lcsg-geometry-card--gold{--tile-fill:var(--choice-gold);--tile-hover:var(--choice-apricot)}
.lcsg .lcsg-geometry-card--navy{--tile-fill:var(--choice-navy);--tile-hover:var(--lc-burnt-orange,#9B4A25);--tile-ink:var(--lc-white,#fff)}
.lcsg .lc-cta-tone-b1{--tile-fill:var(--lc-cta-b1-fill,var(--choice-navy));--tile-hover:var(--lc-cta-b1-hover-fill,var(--lc-burnt-orange,#9b4a25));--tile-ink:var(--lc-cta-b1-ink,#fff);--tile-hover-ink:var(--lc-cta-b1-hover-ink,var(--choice-paper))}
.lcsg .lcsg-geometry-card--clover{--tile-mask:url('shapes/expressive/clover.svg')}
.lcsg .lcsg-geometry-card--scallop{--tile-mask:url('shapes/expressive/scalloped-star.svg')}
.lcsg .lcsg-geometry-art{position:absolute;inset:0;width:auto;height:auto;z-index:-1;pointer-events:none;display:grid;place-items:center}
/* One silhouette rotates and changes its fill. No overlay or opacity animation. */
.lcsg .lcsg-geometry-art::before{content:'';position:absolute;inset:auto;width:102%;aspect-ratio:1;height:auto;mask:var(--tile-mask) center/contain no-repeat;-webkit-mask:var(--tile-mask) center/contain no-repeat;background-color:var(--tile-fill);background-image:linear-gradient(130deg,#ffffff12,transparent),url('shapes/expressive/soft-grain.svg');transform:rotate(-7deg);transition:background-color .55s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.lcsg .lcsg-geometry-art::after{content:none}
.lcsg .lcsg-geometry-card:nth-child(even) .lcsg-geometry-art::before{transform:rotate(7deg)}
.lcsg .lcsg-geometry-copy{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:220px;color:var(--tile-ink);transition:color .55s ease}
.lcsg .lcsg-geometry-card:is(.is-previewing,:has(.lcsg-geometry-toggle:focus-visible)) .lcsg-geometry-copy{color:var(--tile-hover-ink,var(--tile-ink))}
.lcsg .lcsg-geometry-copy h3{font:400 30px/1.12 'Fraunces',serif;text-wrap:balance}
.lcsg .lcsg-geometry-copy p{font:500 15px/1.55 'DM Sans',sans-serif}
.lcsg .lcsg-geometry-copy .lcsg-geometry-kicker{font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.lcsg .lcsg-geometry-toggle{appearance:none;color:inherit;background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:5px 0;font:600 12px/1.4 'DM Sans',sans-serif;cursor:pointer}
.lcsg .lcsg-geometry-toggle:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.lcsg .lcsg-geometry-card:is(.is-previewing,:has(.lcsg-geometry-toggle:focus-visible)) .lcsg-geometry-art::before{background-color:var(--tile-hover);transform:rotate(23deg)}
.lcsg .lcsg-geometry-card:nth-child(even):is(.is-previewing,:has(.lcsg-geometry-toggle:focus-visible)) .lcsg-geometry-art::before{transform:rotate(-23deg)}
@media(hover:hover){
 .lcsg .lcsg-geometry-card:hover .lcsg-geometry-copy{color:var(--tile-hover-ink,var(--tile-ink))}
 .lcsg .lcsg-geometry-card:hover .lcsg-geometry-art::before{background-color:var(--tile-hover);transform:rotate(23deg)}
 .lcsg .lcsg-geometry-card:nth-child(even):hover .lcsg-geometry-art::before{transform:rotate(-23deg)}
}
@media(max-width:1024px){.lcsg .lcsg-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lcsg .lcsg-geometry-gallery{grid-template-columns:1fr}.lcsg .lcsg-geometry-card{min-height:400px;max-width:560px;width:100%;margin-inline:auto}.lcsg .lcsg-geometry-art::before,.lcsg .lcsg-geometry-art::after{width:460px;max-width:115%}}
@media(max-width:767px){.lcsg .lcsg-shape-grid{grid-template-columns:1fr}.lcsg .lcsg-shape-title{font-size:23px}.lcsg .lcsg-geometry-card{min-height:390px;padding:68px 45px}.lcsg .lcsg-geometry-copy{max-width:210px}.lcsg .lcsg-geometry-copy h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.lcsg .lcsg-geometry-card,.lcsg .lcsg-geometry-copy,.lcsg .lcsg-geometry-art::before,.lcsg .lcsg-geometry-art::after{transition:none}}
/* Small decorative cutouts: the SVG removes alpha instead of painting over a photo. */
.lcsg .lcsg-shape-grid--selected{grid-template-columns:repeat(2,minmax(0,1fr))}
.lcsg .lcsg-accent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
.lcsg .lcsg-accent-card{--accent-shape:url('shapes/accents/spark.svg');--accent-cutout:url('shapes/accents/spark-cutout.svg');display:flex;flex-direction:column;gap:14px;min-width:0}
.lcsg .lcsg-accent-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lcsg .lcsg-accent-surface{display:flex;flex-direction:column;gap:12px;padding:20px 16px;background:var(--choice-paper);color:var(--choice-navy);border-radius:12px}
.lcsg .lcsg-accent-surface--navy{background:var(--choice-navy);color:white}
.lcsg .lcsg-accent-surface p{font:600 10px/1.4 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.lcsg .lcsg-accent-photo{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:16px;mask:var(--accent-cutout) center/100% 100% no-repeat;-webkit-mask:var(--accent-cutout) center/100% 100% no-repeat}
.lcsg .lcsg-accent-swatch-row{display:flex;align-items:center;gap:16px;padding:12px 16px;background:white;border-radius:12px}
.lcsg .lcsg-accent-swatch{width:40px;height:40px;flex-shrink:0;background:var(--choice-navy);mask:var(--accent-shape) center/contain no-repeat;-webkit-mask:var(--accent-shape) center/contain no-repeat}
.lcsg .lcsg-accent-swatch--apricot{background:var(--choice-apricot)}
.lcsg .lcsg-accent-swatch--gold{background:var(--choice-gold)}
.lcsg .lcsg-accent-swatch-label{font:400 12px/1.5 'DM Sans',sans-serif;margin-left:auto}
@media(max-width:767px){.lcsg .lcsg-accent-grid,.lcsg .lcsg-shape-grid--selected{grid-template-columns:1fr}.lcsg .lcsg-accent-pair{grid-template-columns:1fr;gap:8px}.lcsg .lcsg-accent-surface{padding:14px 10px}.lcsg .lcsg-accent-photo{border-radius:10px}.lcsg .lcsg-accent-swatch-row{gap:12px}.lcsg .lcsg-accent-swatch{width:30px;height:30px}}
.lcsg .lcsg-accent--scallop{--accent-shape:url('shapes/accents/scallop.svg');--accent-cutout:url('shapes/accents/scallop-cutout.svg')}
.lcsg .lcsg-accent--clover{--accent-shape:url('shapes/accents/clover.svg');--accent-cutout:url('shapes/accents/clover-cutout.svg')}