.lc-hero .lp-hero-grid { grid-template-columns:.87fr 1.13fr; }
.lc-hero h1 { font-size:clamp(2.8rem,4.6vw,4.15rem); }
.lc-hero .lp-video-frame { background:linear-gradient(135deg,#eeeaff,#f8f5fe 60%,#e9eef9); }
.lc-content { padding-top:82px; padding-bottom:72px; }
.lc-pieces-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px 28px; }
.lc-piece { min-width:0; }
.lc-piece-top { display:flex; align-items:center; gap:10px; min-height:37px; margin-bottom:14px; }
.lc-piece-top>span:first-child { font-size:.75rem; color:var(--purple); font-weight:700; }
.lc-piece-top h3 { font-size:1.125rem; letter-spacing:-.02em; }
.lc-soon { background:#f0eafb; color:#684895; padding:5px 9px; font-size:.75rem; font-weight:600; border-radius:7px; margin-left:auto; white-space:nowrap; }
.lc-piece-stage { background:#eeeaf3; border-radius:17px; height:325px; padding:22px; display:flex; align-items:center; justify-content:center; }
.lc-piece-stage .lp-example { display:flex; align-items:center; justify-content:center; height:100%; max-width:100%; }
.lc-piece-stage img { width:auto; height:auto; max-height:100%; max-width:100%; object-fit:contain; box-shadow:0 10px 28px #29223328; }
.lc-piece-spotlight .lc-piece-stage { background:#e9eeeb; }
.lc-piece-spotlight img { border-radius:3px; }
.lc-piece-open-house .lc-piece-stage { background:#f3ede5; }
.lc-piece-story .lc-piece-stage { background:#eee5ed; }
.lc-piece-reel .lc-piece-stage { background:#eeeae5; }
.lc-piece-landscape .lc-piece-stage { background:#e8edf3; }
.lc-piece-copy { padding:19px 1px 0; }
.lc-piece-copy>span { color:var(--muted); font-size:.75rem; }
.lc-piece-copy h4 { font-size:1.0625rem; line-height:1.5; font-weight:650; letter-spacing:-.01em; margin:8px 0; }
.lc-piece-copy p { font-size:1rem; line-height:1.75; }
.lc-moments { background:#f8f7fb; border-block:1px solid #eeebf3; padding-block:76px; }
.lc-moment-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 42px; }
.lc-moment-grid article { border-top:1px solid #ddd8e7; padding-top:20px; }
.lc-moment-grid h3 { display:flex; gap:14px; align-items:center; font-size:1.125rem; margin-bottom:10px; }
.lc-moment-grid h3 span { color:#8a729f; font-size:.75rem; font-weight:500; }
.lc-moment-grid p { font-size:1rem; line-height:1.7; }
.lc-custom-angle { display:flex; align-items:center; gap:11px; margin-top:31px; font-size:.875rem; color:var(--muted); }
.lc-custom-angle .icon { width:19px; height:19px; color:var(--purple); }
.lc-planning { padding-block:90px; }
.lc-planning-grid { display:grid; grid-template-columns:1.22fr .78fr; align-items:center; gap:60px; }
.lc-planning figure { margin:0; min-width:0; padding:20px; border-radius:23px; background:#f0edfa; border:1px solid #e4ddf2; }
.lc-planning figure>.lp-example { border-radius:12px; overflow:hidden; box-shadow:0 10px 30px #33234b18; }
.lc-planning figcaption { text-align:center; margin-top:17px; color:var(--muted); font-size:.8125rem; }
.lc-planning .eyebrow { font-size:.75rem; }
.lc-planning h2 { font-size:clamp(2rem,3.4vw,2.9rem); line-height:1.15; margin:18px 0 23px; }
.lc-planning-copy>p:not(.eyebrow) { font-size:1rem; line-height:1.8; }
.lc-planning ul { list-style:none; padding:0; margin:25px 0 30px; display:grid; gap:15px; }
.lc-planning li { display:flex; gap:11px; font-size:1rem; line-height:1.65; }
.lc-planning li>.icon { color:var(--purple); margin-top:4px; width:18px; height:18px; }
.lc-planning .text-link { font-size:.9375rem; }
.lc-workflow { background:#231d37; color:#fff; padding-block:76px; }
.lc-workflow .eyebrow { color:#c1a9ff; }
.lc-workflow .lp-section-heading>p,.lc-workflow .lp-steps p { color:#d4cddd; }
.lc-workflow .lp-steps li { border-color:#4b415e; }
.lc-workflow .lp-steps li>span { color:#bea1ff; }
.lc-single-link { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:25px 28px; margin-top:42px; background:#ffffff09; border:1px solid #ffffff20; border-radius:15px; }
.lc-single-link>div { display:flex; gap:17px; align-items:center; }
.lc-single-link>div>.icon { color:#ccb5ff; }
.lc-single-link p strong { display:block; color:#fff; font-size:1rem; margin-bottom:4px; }
.lc-single-link p span { color:#cfc5de; font-size:.875rem; }
.lc-single-link>.text-link { color:#d5beff; font-size:.875rem; flex-shrink:0; }
@media(min-width:1440px) { .lc-piece-stage { height:355px; } }
@media(max-width:1100px) { .lc-pieces-grid { gap:34px 20px; } .lc-piece-top { flex-wrap:wrap; } .lc-soon { margin-left:0; } .lc-piece-stage { height:300px; padding:18px; } .lc-planning-grid { gap:34px; } .lc-planning figure { padding:14px; } }
@media(max-width:850px) { .lc-hero .lp-hero-grid { grid-template-columns:1fr; } .lc-hero h1 { font-size:3.6rem; } .lc-pieces-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 22px; } .lc-piece-stage { height:340px; } .lc-piece-top { min-height:42px; } .lc-moment-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 35px; } .lc-planning-grid { grid-template-columns:1fr; gap:30px; } .lc-planning-copy { grid-row:1; max-width:610px; } .lc-planning figure { max-width:760px; } }
@media(max-width:600px) { .lc-hero h1 { font-size:clamp(2.65rem,10.5vw,3.4rem); } .lc-content,.lc-moments,.lc-planning,.lc-workflow { padding-block:55px; } .lc-pieces-grid { gap:28px 16px; } .lc-piece-top { gap:7px; align-content:flex-start; } .lc-piece-top h3 { font-size:1rem; } .lc-piece-top>span:first-child { font-size:.75rem; } .lc-soon { font-size:.75rem; margin-left:21px; padding:3px 7px; } .lc-piece-stage { height:250px; padding:14px; border-radius:13px; } .lc-piece-copy { padding-top:14px; } .lc-piece-copy h4 { font-size:1rem; line-height:1.5; } .lc-piece-copy p { font-size:1rem; } .lc-moment-grid { gap:24px 25px; } .lc-moment-grid h3 { font-size:1rem; gap:9px; } .lc-custom-angle { align-items:flex-start; font-size:.875rem; } .lc-custom-angle .icon { margin-top:3px; } .lc-planning figure { padding:10px; border-radius:16px; } .lc-planning figcaption { font-size:.75rem; margin-top:13px; } .lc-single-link { align-items:flex-start; flex-direction:column; padding:23px; gap:18px; } .lc-single-link>div { align-items:flex-start; } .lc-single-link .text-link { margin-left:39px; } }
@media(max-width:420px) { .lc-pieces-grid { grid-template-columns:1fr; gap:34px; } .lc-piece-top { min-height:0; } .lc-piece-stage { height:340px; padding:22px; } .lc-soon { margin-left:auto; } .lc-moment-grid { grid-template-columns:1fr; } }