/* ═══════════════════════════════════════════════
LAW DRISHTI, CINEMATIC FRONT PAGE (v2.2.0)
Homepage-only stylesheet. Adapts D v2 mockup for live WP theme.
All classes prefixed .lc- to avoid conflicts with main.css.
═══════════════════════════════════════════════ */
:root{
--lc-bg:#07070a; --lc-bg2:#0d0d13; --lc-bg3:#12121a;
--lc-ink:#efe6d0; --lc-ink2:#a69d8a; --lc-mut:#5f584b;
--lc-line:rgba(239,230,208,.09); --lc-line2:rgba(239,230,208,.18);
--lc-gold:#d4a447; --lc-gold2:#e6be66; --lc-goldd:#7d5c1c;
--lc-rose:#c9775e;
}
body.home, body.lc-fp{background:var(--lc-bg);color:var(--lc-ink);font-family:'Inter',sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.home a, body.lc-fp a{color:inherit;text-decoration:none}
body.home ::selection, body.lc-fp ::selection{background:var(--lc-gold);color:var(--lc-bg)}
/* grain overlay */
body.lc-fp::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9000;background-image:url("data:image/svg+xml;utf8,");opacity:.5;mix-blend-mode:overlay}
/* LOADER + split-reveal removed in v2.4.0-dp5 (saves ~3.8s LCP delay). Keeping shared keyframe only. */
@keyframes lcPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.4}}
/* ─── NAV OVERRIDE (when on front page) ─── */
body.lc-fp .ld-nav{mix-blend-mode:difference;background:transparent;border-bottom:none}
/* ─── SECTION HEADER (unified) ─── */
.lc-sh{display:flex;align-items:center;gap:18px;padding:0 36px;max-width:1500px;margin:0 auto 70px;flex-wrap:wrap}
.lc-sh .sh-num{font-family:'Fraunces',serif;font-size:.92rem;font-style:italic;color:var(--lc-gold2);font-weight:500;font-variation-settings:'SOFT' 100,'opsz' 48;letter-spacing:.02em}
.lc-sh .sh-ln{flex:0 0 44px;height:1px;background:var(--lc-line2)}
.lc-sh .sh-ln.long{flex:1;max-width:280px;margin-left:auto}
.lc-sh .sh-name{font-family:'JetBrains Mono',monospace;font-size:.72rem;color:var(--lc-ink);letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.lc-sh .sh-ts{font-family:'JetBrains Mono',monospace;font-size:.66rem;color:var(--lc-mut);letter-spacing:.14em;text-transform:uppercase}
.lc-sh .sh-dot{width:5px;height:5px;border-radius:50%;background:var(--lc-gold);flex:0 0 auto}
/* ─── HERO ─── */
.lc-hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:160px 36px 100px;overflow:hidden;background:var(--lc-bg)}
.lc-hero::before{content:"";position:absolute;inset:-5%;background:radial-gradient(ellipse at 20% 80%,rgba(212,164,71,.1),transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(212,164,71,.07),transparent 60%);pointer-events:none}
.lc-hero-inner{position:relative;z-index:1;max-width:1500px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.35fr 1fr;gap:90px;align-items:center}
.lc-hero-left{position:relative}
.lc-hero-k{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--lc-ink2);letter-spacing:.26em;text-transform:uppercase;margin-bottom:44px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lc-hero-k .pill{padding:6px 12px;border:1px solid var(--lc-line2);border-radius:999px;backdrop-filter:blur(10px);background:rgba(7,7,10,.4);color:var(--lc-ink);display:flex;align-items:center;gap:7px}
.lc-hero-k .pill .pd{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lc-gold2);animation:lcPulse 1.7s infinite}
.lc-hero-k .sep{color:var(--lc-mut)}
.lc-hero h1{font-family:'Fraunces',serif;font-size:clamp(2.4rem,5.4vw,5.2rem);line-height:1.02;letter-spacing:-.022em;font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 144;color:var(--lc-ink);margin-bottom:36px}
.lc-hero h1 em{font-style:italic;color:var(--lc-gold2);font-weight:500;font-variation-settings:'SOFT' 100,'opsz' 144}
.lc-hero h1 .l{overflow:hidden;display:block}
.lc-hero h1 .l > span{display:inline-block;transform:translateY(110%);animation:lcRise 1.1s cubic-bezier(.22,.68,.46,1) forwards}
.lc-hero h1 .l:nth-child(1) > span{animation-delay:1.3s}
.lc-hero h1 .l:nth-child(2) > span{animation-delay:1.45s}
.lc-hero h1 .l:nth-child(3) > span{animation-delay:1.6s}
@keyframes lcRise{to{transform:translateY(0)}}
.lc-hero-lede{font-family:'Fraunces',serif;font-style:italic;font-size:1.08rem;line-height:1.55;color:var(--lc-ink2);max-width:520px;font-weight:400;font-variation-settings:'SOFT' 100,'opsz' 48;margin-bottom:36px;opacity:0;animation:lcFade 1s 2.2s forwards}
@keyframes lcFade{to{opacity:1}}
.lc-hero-cta{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:lcFade 1s 2.4s forwards}
.lc-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;font-family:'Inter',sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;border:1px solid var(--lc-line2);background:transparent;color:var(--lc-ink);cursor:pointer;transition:all .35s cubic-bezier(.22,.68,.46,1)}
.lc-btn svg{width:12px;transition:transform .35s}
.lc-btn:hover svg{transform:translate(4px,-4px)}
.lc-btn:hover{border-color:var(--lc-gold);color:var(--lc-gold)}
.lc-btn.fill{background:var(--lc-gold);color:var(--lc-bg);border-color:var(--lc-gold)}
.lc-btn.fill:hover{background:var(--lc-gold2);transform:translateY(-2px);box-shadow:0 14px 36px rgba(212,164,71,.4);color:var(--lc-bg)}
/* search form in hero */
.lc-hero-search{display:flex;max-width:520px;margin-top:36px;background:rgba(239,230,208,.03);border:1px solid var(--lc-line2);border-radius:999px;padding:5px;backdrop-filter:blur(14px);opacity:0;animation:lcFade 1s 2.35s forwards}
.lc-hero-search input{flex:1;background:transparent;border:none;color:var(--lc-ink);padding:13px 22px;font-size:.92rem;outline:none;font-family:'Inter',sans-serif}
.lc-hero-search input::placeholder{color:var(--lc-mut)}
.lc-hero-search button{background:var(--lc-gold);color:var(--lc-bg);border:none;border-radius:999px;padding:11px 20px;font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .3s}
.lc-hero-search button:hover{background:var(--lc-gold2)}
.lc-hero-search button svg{width:12px}
/* hero right: featured preview card */
.lc-hero-right{perspective:1400px;opacity:0;animation:lcFade 1.2s 2s forwards}
.lc-preview{background:linear-gradient(180deg,var(--lc-bg2),#0f0d0a);border:1px solid var(--lc-line2);border-radius:18px;padding:34px 30px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.22,.68,.46,1)}
.lc-preview::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--lc-goldd),var(--lc-gold),var(--lc-gold2),var(--lc-gold),var(--lc-goldd));background-size:300% 100%;animation:lcBar 7s linear infinite}
@keyframes lcBar{from{background-position:0% 0}to{background-position:300% 0}}
.lc-preview .pk{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.lc-preview .tg{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--lc-gold2);letter-spacing:.18em;text-transform:uppercase;font-weight:700;background:rgba(212,164,71,.1);padding:5px 9px;border-radius:4px}
.lc-preview .lv{font-family:'JetBrains Mono',monospace;font-size:.66rem;color:var(--lc-ink2);display:flex;align-items:center;gap:6px}
.lc-preview .lv .pd{width:5px;height:5px;border-radius:50%;background:var(--lc-gold);animation:lcPulse 1.8s infinite}
.lc-preview h3{font-family:'Fraunces',serif;font-size:1.5rem;line-height:1.2;letter-spacing:-.013em;font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 96;color:var(--lc-ink)}
.lc-preview h3 em{font-style:italic;color:var(--lc-gold2);font-variation-settings:'SOFT' 100,'opsz' 96}
.lc-preview .org{font-family:'JetBrains Mono',monospace;font-size:.74rem;color:var(--lc-ink2);letter-spacing:.04em;text-transform:uppercase}
.lc-preview .org b{color:var(--lc-ink);font-weight:600}
.lc-preview .ml{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px;border-top:1px solid var(--lc-line)}
.lc-preview .m .ml-l{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--lc-mut);letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.lc-preview .m .ml-v{font-family:'Fraunces',serif;font-size:.95rem;color:var(--lc-ink);font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 48;margin-top:3px}
.lc-preview .m .ml-v.big{font-size:1.2rem;color:var(--lc-gold2);font-style:italic;font-variation-settings:'SOFT' 100,'opsz' 72}
.lc-preview .pfoot{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--lc-line);gap:12px;flex-wrap:wrap}
.lc-preview .pcl{font-family:'JetBrains Mono',monospace;font-size:.66rem;color:var(--lc-ink2);letter-spacing:.04em}
.lc-preview .pcl .days{color:var(--lc-gold2);font-weight:600}
.lc-preview .pcl .days.soon{color:var(--lc-rose)}
.lc-preview .pgo{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--lc-gold2);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:6px;transition:gap .3s}
.lc-preview .pgo:hover{gap:10px}
.lc-preview .pgo svg{width:12px}
/* ─── SECTION GENERIC ─── */
.lc-section{padding:130px 0;position:relative;overflow:hidden}
.lc-section.dk{background:var(--lc-bg2)}
.lc-section.dk2{background:var(--lc-bg3)}
/* ─── OPPORTUNITIES GRID ─── */
.lc-grid-wrap{max-width:1500px;margin:0 auto;padding:0 36px}
.lc-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--lc-line)}
.lc-filter .chip{background:transparent;border:1px solid var(--lc-line2);color:var(--lc-ink2);padding:10px 18px;border-radius:999px;font-family:'Inter',sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:all .3s cubic-bezier(.22,.68,.46,1);display:inline-flex;align-items:center;gap:8px}
.lc-filter .chip:hover{border-color:var(--lc-gold);color:var(--lc-ink)}
.lc-filter .chip.active{background:var(--lc-gold);color:var(--lc-bg);border-color:var(--lc-gold);font-weight:600}
.lc-filter .chip .ct{font-family:'JetBrains Mono',monospace;font-size:.66rem;opacity:.7;font-weight:400}
.lc-filter .chip.active .ct{opacity:.85}
/* v2.4.0-dp11. Paid-only toggle chip. Sits at the right of the category
row. Green tint at rest (hints at its paid meaning even when inactive),
saturated green when toggled on. Combines with the currently active
category chip via AND in the server-side query. */
.lc-filter .chip.chip-paid{color:#bfe9c9;border-color:rgba(107,211,161,.35);background:rgba(63,185,130,.06)}
.lc-filter .chip.chip-paid::before{
content:"";width:8px;height:8px;border-radius:50%;
background:#6bd3a1;box-shadow:0 0 0 3px rgba(107,211,161,.18);
}
.lc-filter .chip.chip-paid:hover{border-color:#6bd3a1;color:#e9fbf1}
.lc-filter .chip.chip-paid.active{
background:linear-gradient(135deg,#a8f0c6 0%,#6bd3a1 55%,#3fb982 100%);
color:#04281e;border-color:#3fb982;font-weight:700;
box-shadow:0 6px 18px rgba(63,185,130,.28),inset 0 1px 0 rgba(255,255,255,.4);
}
.lc-filter .chip.chip-paid.active::before{background:#04281e;box-shadow:0 0 0 3px rgba(4,40,30,.18)}
.lc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.lc-card{background:linear-gradient(180deg,rgba(239,230,208,.02),rgba(239,230,208,.01));border:1px solid var(--lc-line2);border-radius:14px;padding:0;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.22,.68,.46,1);color:inherit;text-decoration:none;position:relative;min-height:360px}
.lc-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lc-gold),transparent);transform:scaleX(0);transform-origin:center;transition:transform .5s}
.lc-card:hover::before{transform:scaleX(1)}
.lc-card:hover{transform:translateY(-6px);border-color:var(--lc-gold);box-shadow:0 18px 50px rgba(0,0,0,.5),0 4px 16px rgba(212,164,71,.1)}
.lc-card.out{opacity:0;transform:scale(.95);pointer-events:none;display:none}
.lc-card-head{position:relative;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(ellipse at center,rgba(212,164,71,.22) 0%,rgba(212,164,71,.06) 45%,transparent 72%),linear-gradient(180deg,#1b1620 0%,#0a0a0f 100%);border-bottom:1px solid var(--lc-line)}
.lc-card-head::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(7,7,10,.28) 100%);pointer-events:none;z-index:1}
.lc-card-thumb{position:absolute;inset:18% 22%;transition:transform .6s cubic-bezier(.22,.68,.46,1);filter:drop-shadow(0 14px 36px rgba(0,0,0,.58)) drop-shadow(0 3px 10px rgba(0,0,0,.4));z-index:1;border-radius:10px;-webkit-mask-image:radial-gradient(ellipse at center,#000 72%,rgba(0,0,0,.5) 100%);mask-image:radial-gradient(ellipse at center,#000 72%,rgba(0,0,0,.5) 100%)}
.lc-card-thumb img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.lc-card-thumb.mono{inset:0;background-image:none;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:3rem;color:var(--lc-gold2);font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 96;letter-spacing:-.02em;filter:none}
.lc-card:hover .lc-card-thumb{transform:scale(1.04)}
.lc-card-top{position:absolute;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;z-index:2}
.lc-card-top-l{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.lc-tag{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--lc-bg);background:var(--lc-gold);letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding:5px 9px;border-radius:4px;display:inline-flex}
/* v2.4.0-dp11. Paid chip. Mint-green pill sitting just under the gold
category tag. Instantly readable as "this one pays" without relying on
the viewer scrolling to the stipend block in the card footer. */
.lc-paid-chip{
font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.18em;
text-transform:uppercase;font-weight:800;
padding:4px 9px;border-radius:4px;display:inline-flex;align-items:center;
color:#04281e;
background:linear-gradient(135deg,#a8f0c6 0%,#6bd3a1 55%,#3fb982 100%);
border:1px solid rgba(63,185,130,.55);
box-shadow:0 2px 8px rgba(63,185,130,.25),inset 0 1px 0 rgba(255,255,255,.45);
}
.lc-dl{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:6px 9px;border-radius:4px;background:rgba(7,7,10,.85);color:var(--lc-ink);backdrop-filter:blur(10px);border:1px solid var(--lc-line2);box-shadow:0 4px 14px rgba(0,0,0,.35)}
.lc-dl.soon{color:#0b0808;background:linear-gradient(135deg,#e6896f 0%,#c9775e 55%,#a75a42 100%);border-color:rgba(201,119,94,.6);box-shadow:0 4px 16px rgba(201,119,94,.4),0 0 0 1px rgba(239,162,138,.25) inset;font-weight:800}
.lc-dl.gone{color:var(--lc-mut);opacity:.7;background:rgba(7,7,10,.6)}
.lc-card-title{font-family:'Fraunces',serif;font-size:1.15rem;line-height:1.28;letter-spacing:-.01em;color:var(--lc-ink);font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 72;padding:20px 22px 8px;flex:1}
.lc-card-org{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--lc-ink2);letter-spacing:.04em;padding:0 22px 16px;text-transform:uppercase}
.lc-card-org b{color:var(--lc-ink);font-weight:600}
.lc-card-pay{padding:16px 22px 16px 26px;background:linear-gradient(135deg,rgba(212,164,71,.20) 0%,rgba(212,164,71,.06) 55%,rgba(212,164,71,.14) 100%);border-top:1px solid rgba(212,164,71,.38);border-bottom:1px solid rgba(212,164,71,.14);position:relative;overflow:hidden}
.lc-card-pay::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,var(--lc-gold2) 0%,var(--lc-gold) 50%,var(--lc-goldd) 100%)}
.lc-card-pay::after{content:"\20B9";position:absolute;right:-14px;bottom:-28px;font-family:'Fraunces',serif;font-size:5.4rem;color:rgba(212,164,71,.09);font-weight:500;line-height:1;pointer-events:none;font-variation-settings:'SOFT' 30,'opsz' 144}
.lc-card-pay .lbl{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--lc-gold2);letter-spacing:.24em;text-transform:uppercase;font-weight:700;display:block;margin-bottom:4px;opacity:.95;position:relative;z-index:1}
.lc-card-pay .val{font-family:'Fraunces',serif;font-size:1.32rem;line-height:1.22;color:var(--lc-gold2);font-weight:600;font-variation-settings:'SOFT' 30,'opsz' 72;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1;text-shadow:0 1px 0 rgba(0,0,0,.35);word-break:break-word}
.lc-card-pay .val em{font-style:italic;font-variation-settings:'SOFT' 100,'opsz' 72}
.lc-card-pay.unpaid{background:linear-gradient(135deg,rgba(239,230,208,.04) 0%,rgba(239,230,208,.01) 100%);border-top-color:var(--lc-line2);border-bottom-color:var(--lc-line)}
.lc-card-pay.unpaid::before{background:var(--lc-line2)}
.lc-card-pay.unpaid::after{content:""}
.lc-card-pay.unpaid .lbl{color:var(--lc-ink2)}
.lc-card-pay.unpaid .val{color:var(--lc-ink2);text-shadow:none}
.lc-card-ft{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;gap:10px}
.lc-pay-dl{font-family:'JetBrains Mono',monospace;font-size:.65rem;color:var(--lc-ink2);letter-spacing:.08em;text-transform:uppercase;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc-go{font-family:'JetBrains Mono',monospace;font-size:.66rem;color:var(--lc-gold2);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:6px;flex-shrink:0;transition:gap .3s}
.lc-card:hover .lc-go{gap:10px}
.lc-go svg{width:11px}
.lc-grid-cta{display:flex;justify-content:center;margin-top:50px}
.lc-loadmore-wrap{display:flex;justify-content:center;margin-top:40px}
.lc-loadmore{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-family:'Inter',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;border:1px solid var(--lc-gold);background:linear-gradient(180deg,rgba(212,164,71,.08),rgba(212,164,71,0));color:var(--lc-gold);cursor:pointer;transition:all .35s cubic-bezier(.22,.68,.46,1)}
.lc-loadmore svg{width:14px;transition:transform .35s}
.lc-loadmore:hover{background:var(--lc-gold);color:var(--lc-bg);transform:translateY(-2px);box-shadow:0 14px 36px rgba(212,164,71,.35)}
.lc-loadmore:hover svg{transform:translateY(2px)}
.lc-loadmore[disabled]{opacity:.55;cursor:progress;transform:none;box-shadow:none}
/* ─── v2.3.9 "CLOSING SOON" urgency treatment ─── */
/* Soft pulsing gold halo. applies from 7 days out. Hue ramps up as the deadline approaches. */
.lc-card.lc-closing{
position:relative;
border-color:rgba(212,164,71,.40);
box-shadow:none;
animation:none;
}
.lc-card.lc-closing::before{display:none !important}
/* ≤3 days: rose-amber urgent beam, ribbon becomes the primary signal. */
.lc-card.lc-closing-hot,
.lc-card.lc-closing.lc-closing-hot{
border-color:rgba(244,114,114,.45);
box-shadow:none;
animation:none;
}
.lc-card.lc-closing-hot::before,
.lc-card.lc-closing.lc-closing-hot::before{display:none !important}
.lc-card.lc-closing-hot .lc-dl.soon{
animation:lcPillBeat 1.3s ease-in-out infinite;
}
/* Ribbon (only mounted for ≤3 day cards) */
.lc-ribbon{
position:absolute;top:14px;left:14px;z-index:3;
display:inline-flex;align-items:center;gap:7px;
padding:6px 11px 6px 9px;
font-family:'JetBrains Mono',monospace;
font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
color:#1a0b0b;
background:linear-gradient(120deg,#f47272 0%,#f7c66c 55%,#f47272 100%);
background-size:220% 100%;
border-radius:999px;
box-shadow:0 6px 18px rgba(244,114,114,.45),inset 0 1px 0 rgba(255,255,255,.55);
overflow:hidden;
animation:lcRibbonSlide 3.2s linear infinite;
}
/* v2.4.0-dp11. "Last Day" override (exactly 1 day remaining). Saturated
red beacon with a tighter pulse + white text so it clearly escalates
from the gold "Closing Soon" treatment used at ≤3 days. Sits on the
left of the card head; card itself also gets .lc-last-day for an outer
beacon glow defined below. */
.lc-ribbon.lc-ribbon-last{
color:#fff5f3;
background:linear-gradient(120deg,#c5241a 0%,#ff4b3a 50%,#c5241a 100%);
background-size:220% 100%;
box-shadow:0 6px 20px rgba(197,36,26,.65),inset 0 1px 0 rgba(255,255,255,.45);
animation:lcRibbonSlide 2s linear infinite,lcPillBeat 1.1s ease-in-out infinite;
}
.lc-ribbon.lc-ribbon-last .lc-ribbon-dot{background:#fff5f3;box-shadow:0 0 0 3px rgba(255,245,243,.22)}
.lc-card.lc-last-day,
.lc-card.lc-closing.lc-last-day,
.lc-card.lc-closing.lc-closing-hot.lc-last-day{
border-color:rgba(255,75,58,.5);
box-shadow:none;
animation:none;
background:linear-gradient(180deg,rgba(255,75,58,.03),rgba(255,75,58,.01));
}
.lc-card.lc-last-day:hover{
border-color:rgba(255,75,58,.7) !important;
box-shadow:0 18px 50px rgba(0,0,0,.5),0 4px 16px rgba(255,75,58,.12) !important;
}
.lc-card.lc-closing-hot:hover{
border-color:rgba(244,114,114,.6) !important;
box-shadow:0 18px 50px rgba(0,0,0,.5),0 4px 16px rgba(244,114,114,.1) !important;
}
.lc-card.lc-last-day::before,
.lc-card.lc-closing.lc-last-day::before,
.lc-card.lc-closing.lc-closing-hot.lc-last-day::before{display:none !important}
/* Card head (thumbnail area) — red glow instead of gold for last-day */
.lc-card.lc-last-day .lc-card-head{
background:radial-gradient(ellipse at center,rgba(255,75,58,.18) 0%,rgba(255,75,58,.05) 45%,transparent 72%),linear-gradient(180deg,#1b1620 0%,#0a0a0f 100%);
}
/* Card head — rose glow for closing-hot */
.lc-card.lc-closing-hot .lc-card-head{
background:radial-gradient(ellipse at center,rgba(244,114,114,.16) 0%,rgba(244,114,114,.04) 45%,transparent 72%),linear-gradient(180deg,#1b1620 0%,#0a0a0f 100%);
}
.lc-card.lc-last-day .lc-dl.soon{
color:#fff5f3;
background:linear-gradient(135deg,#c5241a 0%,#ff4b3a 55%,#c5241a 100%);
border-color:rgba(255,75,58,.7);
box-shadow:0 2px 8px rgba(255,75,58,.35);
animation:none;
}
/* Pay strip override — rose tones for closing-hot cards */
.lc-card.lc-closing-hot .lc-card-pay{
background:linear-gradient(135deg,rgba(244,114,114,.12) 0%,rgba(244,114,114,.03) 55%,rgba(244,114,114,.08) 100%);
border-top-color:rgba(244,114,114,.25);
border-bottom-color:rgba(244,114,114,.10);
}
.lc-card.lc-closing-hot .lc-card-pay::before{
background:linear-gradient(180deg,rgba(244,130,114,.7) 0%,rgba(244,114,114,.45) 50%,rgba(180,70,70,.25) 100%) !important;
}
.lc-card.lc-closing-hot .lc-card-pay::after{
color:rgba(244,114,114,.07);
}
.lc-card.lc-closing-hot .lc-card-pay .lbl{
color:rgba(244,160,150,.8);
}
.lc-card.lc-closing-hot .lc-card-pay .val{
color:rgba(255,170,155,.88);
text-shadow:0 1px 0 rgba(0,0,0,.35);
}
/* Pay strip override — red tones for last-day cards (MUST come after closing-hot) */
.lc-card.lc-last-day .lc-card-pay,
.lc-card.lc-closing-hot.lc-last-day .lc-card-pay{
background:linear-gradient(135deg,rgba(255,75,58,.14) 0%,rgba(255,75,58,.04) 55%,rgba(255,75,58,.10) 100%);
border-top-color:rgba(255,75,58,.28);
border-bottom-color:rgba(255,75,58,.10);
}
.lc-card.lc-last-day .lc-card-pay::before,
.lc-card.lc-closing-hot.lc-last-day .lc-card-pay::before{
background:linear-gradient(180deg,rgba(255,100,80,.8) 0%,rgba(255,75,58,.55) 50%,rgba(180,40,30,.3) 100%) !important;
}
.lc-card.lc-last-day .lc-card-pay::after,
.lc-card.lc-closing-hot.lc-last-day .lc-card-pay::after{
color:rgba(255,75,58,.08);
}
.lc-card.lc-last-day .lc-card-pay .lbl,
.lc-card.lc-closing-hot.lc-last-day .lc-card-pay .lbl{
color:rgba(255,140,120,.85);
}
.lc-card.lc-last-day .lc-card-pay .val,
.lc-card.lc-closing-hot.lc-last-day .lc-card-pay .val{
color:rgba(255,150,130,.92);
text-shadow:0 1px 0 rgba(0,0,0,.4);
}
.lc-ribbon-dot{
width:6px;height:6px;border-radius:50%;
background:#1a0b0b;
box-shadow:0 0 0 3px rgba(26,11,11,.18);
animation:lcDotBlink 1s ease-in-out infinite;
}
.lc-ribbon-shine{
position:absolute;top:0;bottom:0;left:-40%;width:35%;
background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.85) 50%,transparent 100%);
transform:skewX(-18deg);
animation:lcRibbonShine 2.6s ease-in-out infinite;
}
/* Keyframes */
@keyframes lcHaloPulse{
0%,100%{box-shadow:0 0 0 1px rgba(212,164,71,.2),0 14px 38px rgba(212,164,71,.1)}
50% {box-shadow:0 0 0 2px rgba(212,164,71,.5),0 22px 56px rgba(212,164,71,.26)}
}
@keyframes lcHotPulse{
0%,100%{box-shadow:0 0 0 1px rgba(244,114,114,.3),0 16px 42px rgba(244,114,114,.18)}
50% {box-shadow:0 0 0 2px rgba(244,114,114,.65),0 26px 62px rgba(244,114,114,.4)}
}
@keyframes lcBorderSweep{
0% {background-position:0% 50%}
100%{background-position:300% 50%}
}
@keyframes lcPillBeat{
0%,100%{transform:scale(1)}
50% {transform:scale(1.06)}
}
@keyframes lcRibbonSlide{
0% {background-position:0% 50%}
100%{background-position:220% 50%}
}
@keyframes lcRibbonShine{
0% {left:-40%}
55% {left:120%}
100%{left:120%}
}
@keyframes lcDotBlink{
0%,100%{opacity:1}
50% {opacity:.35}
}
/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce){
.lc-card.lc-closing,
.lc-card.lc-closing-hot,
.lc-card.lc-last-day,
.lc-card.lc-closing::before,
.lc-card.lc-closing-hot::before,
.lc-card.lc-last-day::before,
.lc-card.lc-closing-hot .lc-dl.soon,
.lc-card.lc-last-day .lc-dl.soon,
.lc-ribbon,.lc-ribbon.lc-ribbon-last,
.lc-ribbon-dot,.lc-ribbon-shine{animation:none}
}
/* Filter "loading" skeleton (used while AJAX fetch for category is in flight) */
.lc-grid.is-loading{position:relative;min-height:240px}
.lc-grid.is-loading::after{
content:"";
position:absolute;inset:0;
background:radial-gradient(ellipse at center,rgba(212,164,71,.06),transparent 60%);
pointer-events:none;
}
.lc-grid-empty{
grid-column:1 / -1;
text-align:center;
padding:48px 28px;
color:var(--lc-ink2);
font-family:'Inter',sans-serif;
font-size:.85rem;
letter-spacing:.04em;
border:1px dashed rgba(212,164,71,.22);
border-radius:14px;
}
/* hero preview featured thumb */
/* v2.3.10: hero preview thumb. `contain` keeps full logo visible (no crop),
subtle radial mask feathers edges so hard rectangles don't pop out of the
dark card. Image-rendering hints nudge browsers away from soft upscaling. */
.prev-thumb{display:block;width:100%;aspect-ratio:16/9;background-color:#0f0d0a;border-radius:10px;margin:2px auto 6px;overflow:hidden;position:relative;box-sizing:border-box}
.prev-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast}
.prev-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 75%,rgba(13,13,19,.5));pointer-events:none}
.lc-card-thumb{image-rendering:auto;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast}
/* ─── NOTES GRID ─── */
.lc-notes-wrap{max-width:1500px;margin:0 auto;padding:0 36px}
.lc-notes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.lc-note{background:var(--lc-bg2);border:1px solid var(--lc-line);border-radius:14px;overflow:hidden;transition:all .4s cubic-bezier(.22,.68,.46,1);color:inherit;text-decoration:none;display:flex;flex-direction:column}
.lc-note:hover{transform:translateY(-4px);border-color:var(--lc-gold)}
.lc-note-thumb{aspect-ratio:16/10;background-size:cover;background-position:center;background-color:var(--lc-bg3);position:relative;transition:transform .5s}
.lc-note-thumb.mono{background:linear-gradient(135deg,rgba(239,230,208,.05),rgba(239,230,208,.01))}
.lc-note:hover .lc-note-thumb{transform:scale(1.03)}
.lc-note-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.lc-note-body .lc-tag{background:rgba(239,230,208,.08);color:var(--lc-ink2);align-self:flex-start}
.lc-note-title{font-family:'Fraunces',serif;font-size:1.1rem;line-height:1.3;letter-spacing:-.01em;color:var(--lc-ink);font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 72;flex:1}
.lc-note-meta{font-family:'JetBrains Mono',monospace;font-size:.64rem;color:var(--lc-mut);letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1100px){
.lc-grid{grid-template-columns:repeat(3,1fr)}
.lc-notes-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:780px){
.lc-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.lc-notes-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.lc-card{min-height:0}
.lc-card-thumb{inset:16% 18%}
.lc-card-title{font-size:1rem;padding:16px 18px 8px}
.lc-card-org{padding:0 18px 14px;font-size:.62rem}
.lc-card-pay{padding:13px 18px 13px 22px}
.lc-card-pay .val{font-size:1.1rem;-webkit-line-clamp:2}
.lc-card-pay::after{font-size:4rem;bottom:-20px;right:-10px}
.lc-card-ft{padding:13px 18px}
.lc-grid-wrap, .lc-notes-wrap{padding:0 18px}
.lc-filter{gap:8px;margin-bottom:28px}
.lc-filter .chip{padding:8px 14px;font-size:.7rem}
.lc-dl{font-size:.54rem;padding:5px 7px;letter-spacing:.12em}
.lc-tag{font-size:.54rem;padding:5px 8px;letter-spacing:.14em}
}
@media(max-width:480px){
.lc-grid{grid-template-columns:1fr}
.lc-notes-grid{grid-template-columns:1fr}
.lc-card-thumb{inset:12% 20%}
.lc-card-pay .val{font-size:1.18rem;-webkit-line-clamp:2}
.lc-card-save{opacity:1;transform:none;width:32px;height:32px;right:10px;bottom:10px}
}
/* ─── STATEMENT ─── */
.lc-stmt-inner{max-width:1400px;margin:0 auto;padding:0 36px}
.lc-stmt{font-family:'Fraunces',serif;font-size:clamp(1.9rem,4vw,3.8rem);line-height:1.2;letter-spacing:-.02em;font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 144;color:var(--lc-ink);max-width:1200px}
.lc-stmt em{font-style:italic;color:var(--lc-gold2);font-variation-settings:'SOFT' 100,'opsz' 144}
.lc-stmt .outline{-webkit-text-stroke:1.1px var(--lc-ink);color:transparent}
.lc-stmt-line{overflow:hidden;display:block}
.lc-stmt-line > span{display:block;transform:translateY(102%);transition:transform 1s cubic-bezier(.22,.68,.46,1)}
.lc-stmt-line.lit > span{transform:translateY(0)}
/* ─── RAIL ─── */
.lc-rail{max-width:1500px;margin:0 auto;padding:0 36px}
.lc-rail-row{display:grid;grid-template-columns:110px 1fr 1.2fr;gap:56px;padding:60px 0;border-bottom:1px solid var(--lc-line);align-items:flex-start;position:relative;transition:background .45s}
.lc-rail-row::before{content:"";position:absolute;top:0;left:0;height:1px;background:var(--lc-gold);width:0;transition:width .7s cubic-bezier(.22,.68,.46,1)}
.lc-rail-row:hover::before{width:100%}
.lc-rail-row:first-child{border-top:1px solid var(--lc-line)}
.lc-rail-row:hover .rr-num{color:var(--lc-gold2)}
.lc-rail .rr-num{font-family:'Fraunces',serif;font-size:clamp(2.5rem,4vw,3.8rem);line-height:1;color:var(--lc-ink);font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 144;letter-spacing:-.02em;transition:color .4s}
.lc-rail .rr-num sup{font-style:italic;font-size:.3em;color:var(--lc-gold2);vertical-align:.6em;margin-left:2px;font-weight:500;font-variation-settings:'SOFT' 100,'opsz' 72}
.lc-rail .rr-body h3{font-family:'Fraunces',serif;font-size:clamp(1.3rem,2.1vw,1.75rem);line-height:1.18;letter-spacing:-.013em;font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 96;margin-bottom:12px;color:var(--lc-ink)}
.lc-rail .rr-body h3 em{font-style:italic;color:var(--lc-gold2);font-variation-settings:'SOFT' 100,'opsz' 96}
.lc-rail .rr-body .rtag{font-family:'JetBrains Mono',monospace;font-size:.66rem;color:var(--lc-ink2);letter-spacing:.18em;text-transform:uppercase;font-weight:500;display:block;margin-bottom:10px}
.lc-rail .rr-right{font-family:'Fraunces',serif;font-style:italic;font-size:1rem;line-height:1.55;color:var(--lc-ink2);max-width:520px;font-variation-settings:'SOFT' 100,'opsz' 48}
/* ─── FILM STRIP ─── */
.lc-strip{overflow:hidden;position:relative}
.lc-strip-row{display:flex;gap:24px;padding:0 36px;transition:transform .6s cubic-bezier(.22,.68,.46,1);will-change:transform}
.lc-strip-card{flex:0 0 380px;border:1px solid var(--lc-line);background:var(--lc-bg2);border-radius:12px;padding:28px 26px;min-height:340px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.22,.68,.46,1);color:inherit}
.lc-strip-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--lc-gold);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.lc-strip-card:hover::before{transform:scaleX(1)}
.lc-strip-card:hover{border-color:var(--lc-gold);transform:translateY(-6px)}
.lc-strip-card .sc-cat{font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--lc-gold2);letter-spacing:.18em;text-transform:uppercase;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:8px}
.lc-strip-card .sc-cat .dl{color:var(--lc-ink2);font-weight:500;letter-spacing:.04em;text-transform:none}
.lc-strip-card .sc-cat.soon{color:var(--lc-rose)}
.lc-strip-card .sc-cat.soon .dl{color:var(--lc-rose)}
.lc-strip-card h3{font-family:'Fraunces',serif;font-size:1.4rem;line-height:1.2;letter-spacing:-.013em;font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 96;flex:1;color:var(--lc-ink)}
.lc-strip-card h3 em{font-style:italic;color:var(--lc-gold2);font-variation-settings:'SOFT' 100,'opsz' 96}
.lc-strip-card .org{font-family:'JetBrains Mono',monospace;font-size:.72rem;color:var(--lc-ink2);letter-spacing:.04em;text-transform:uppercase}
.lc-strip-card .org b{color:var(--lc-ink);font-weight:600}
.lc-strip-card .ft{display:flex;justify-content:space-between;align-items:flex-end;padding-top:14px;border-top:1px solid var(--lc-line);gap:10px}
.lc-strip-card .pay{font-family:'Fraunces',serif;font-size:1.2rem;color:var(--lc-gold2);font-weight:500;letter-spacing:-.01em;font-style:italic;font-variation-settings:'SOFT' 100,'opsz' 72;min-width:0;overflow:hidden;text-overflow:ellipsis}
.lc-strip-card .pay .u{font-family:'JetBrains Mono',monospace;font-size:.56rem;color:var(--lc-ink2);letter-spacing:.05em;margin-left:4px;font-style:normal}
.lc-strip-card .go{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--lc-gold2);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:6px;flex-shrink:0}
.lc-strip-card .go svg{width:12px}
/* ─── QUOTE ─── */
.lc-quote-inner{max-width:1300px;margin:0 auto;padding:0 36px;text-align:center;position:relative}
.lc-quote-inner::before{content:"\201C";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-family:'Fraunces',serif;font-size:24rem;line-height:.7;color:rgba(212,164,71,.05);font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 144;pointer-events:none}
.lc-quote-inner blockquote{font-family:'Fraunces',serif;font-size:clamp(1.7rem,3.4vw,3rem);line-height:1.28;letter-spacing:-.013em;font-weight:500;font-style:italic;font-variation-settings:'SOFT' 100,'opsz' 144;color:var(--lc-ink);max-width:1050px;margin:0 auto 44px;position:relative;z-index:1}
.lc-quote-inner blockquote em{font-style:normal;color:var(--lc-gold2);font-weight:600;font-variation-settings:'SOFT' 30,'opsz' 144}
.lc-quote-sig{display:flex;gap:18px;justify-content:center;align-items:center;position:relative;z-index:1;flex-wrap:wrap}
.lc-quote-sig .ln{width:40px;height:1px;background:var(--lc-gold)}
.lc-quote-sig .nm{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--lc-ink);letter-spacing:.2em;text-transform:uppercase;font-weight:500}
.lc-quote-sig .nm b{color:var(--lc-gold2);font-weight:600}
/* ─── METRICS ─── */
.lc-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--lc-line);border-bottom:1px solid var(--lc-line);max-width:1500px;margin:0 auto}
.lc-metrics .mx{padding:80px 36px;border-right:1px solid var(--lc-line);position:relative;overflow:hidden;transition:background .4s}
.lc-metrics .mx:last-child{border-right:none}
.lc-metrics .mx::before{content:"";position:absolute;bottom:-120%;left:0;right:0;height:100%;background:linear-gradient(0deg,var(--lc-goldd),transparent);transition:bottom .7s cubic-bezier(.22,.68,.46,1);opacity:.22}
.lc-metrics .mx:hover::before{bottom:0}
.lc-metrics .mx > *{position:relative;z-index:1}
.lc-metrics .mx-l{font-family:'JetBrains Mono',monospace;font-size:.66rem;color:var(--lc-gold2);letter-spacing:.22em;text-transform:uppercase;font-weight:600;margin-bottom:14px}
.lc-metrics .mx-n{font-family:'Fraunces',serif;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.94;letter-spacing:-.028em;color:var(--lc-ink);font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 144;display:flex;align-items:baseline;gap:6px;margin-bottom:12px}
.lc-metrics .mx-n .u{font-size:.4em;color:var(--lc-gold2);font-style:italic;font-weight:500;font-variation-settings:'SOFT' 100,'opsz' 72}
.lc-metrics .mx-d{font-family:'Fraunces',serif;font-style:italic;font-size:.94rem;line-height:1.5;color:var(--lc-ink2);font-variation-settings:'SOFT' 100,'opsz' 48}
/* ─── CTA ─── */
.lc-cta-section{padding:120px 36px 72px;position:relative;overflow:hidden;text-align:center;background:var(--lc-bg)}
.lc-cta-section::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(212,164,71,.12),transparent 55%)}
.lc-cta-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.lc-cta-pre{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--lc-gold2);letter-spacing:.28em;text-transform:uppercase;margin-bottom:28px;display:inline-flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}
.lc-cta-pre .dt{width:5px;height:5px;border-radius:50%;background:var(--lc-gold)}
.lc-cta-section h2{font-family:'Fraunces',serif;font-size:clamp(2.4rem,5.4vw,5rem);line-height:1.05;letter-spacing:-.025em;font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 144;margin-bottom:28px;color:var(--lc-ink)}
.lc-cta-section h2 em{font-style:italic;color:var(--lc-gold2);font-variation-settings:'SOFT' 100,'opsz' 144}
.lc-cta-section p{font-family:'Fraunces',serif;font-style:italic;font-size:1.05rem;color:var(--lc-ink2);max-width:560px;margin:0 auto 40px;line-height:1.55;font-variation-settings:'SOFT' 100,'opsz' 48}
.lc-cta-form{display:flex;max-width:520px;margin:0 auto;background:rgba(239,230,208,.03);border:1px solid var(--lc-line2);border-radius:999px;padding:5px;backdrop-filter:blur(14px)}
.lc-cta-form input{flex:1;background:transparent;border:none;color:var(--lc-ink);padding:14px 22px;font-size:.92rem;outline:none;font-family:'Inter',sans-serif}
.lc-cta-form input::placeholder{color:var(--lc-mut)}
.lc-cta-form button{background:var(--lc-gold);color:var(--lc-bg);border:none;border-radius:999px;padding:12px 22px;font-family:'Inter',sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:7px}
.lc-cta-form button:hover{background:var(--lc-gold2);transform:translateY(-1px);box-shadow:0 12px 30px rgba(212,164,71,.45)}
.lc-cta-form button svg{width:12px}
.lc-cta-note{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--lc-mut);margin-top:20px;letter-spacing:.08em}
/* ─── ARCHIVE / CATEGORY / SEARCH HERO ─── */
body.lc-arch{background:var(--lc-bg,#07070a)}
body.lc-arch .arch-layout{max-width:1500px;margin:0 auto;padding:20px 36px 80px;display:grid;grid-template-columns:1fr 320px;gap:44px}
body.lc-arch .arch-layout main{min-width:0}
body.lc-arch .arch-side{display:flex;flex-direction:column;gap:18px}
.lc-arch-hero{max-width:1500px;margin:0 auto;padding:90px 36px 50px;border-bottom:1px solid var(--lc-line)}
.lc-arch-band{display:inline-flex;align-items:center;gap:14px;font-family:'JetBrains Mono',monospace;font-size:.72rem;color:var(--lc-ink2);letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px}
.lc-arch-band .tag{color:var(--lc-gold);font-weight:600}
.lc-arch-band .dot{color:var(--lc-gold);opacity:.6}
.lc-arch-band .num{font-family:'Fraunces',serif;font-size:1.35rem;color:var(--lc-ink);font-variation-settings:'SOFT' 30,'opsz' 72;letter-spacing:-.01em;font-weight:500;text-transform:none}
.lc-arch-band .lbl{text-transform:lowercase;letter-spacing:.05em;font-size:.7rem}
.lc-arch-title{font-family:'Fraunces',serif;font-size:clamp(2.4rem,5.5vw,4.4rem);line-height:1.02;letter-spacing:-.035em;color:var(--lc-ink);font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 144;margin:0;max-width:1200px}
.lc-arch-sub{font-family:'Fraunces',serif;font-style:italic;font-variation-settings:'SOFT' 100,'opsz' 48;font-size:1.05rem;color:var(--lc-ink2);max-width:760px;margin-top:22px;line-height:1.55}
.lc-grid-arch{grid-template-columns:repeat(3,1fr)}
@media(min-width:1500px){.lc-grid-arch{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){body.lc-arch .arch-layout{grid-template-columns:1fr;padding:20px 18px 60px;gap:30px}.lc-grid-arch{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.lc-grid-arch{grid-template-columns:1fr}.lc-arch-hero{padding:60px 18px 34px}}
/* ─── CARD SAVE BUTTON ─── */
.lc-card-save{position:absolute;right:12px;bottom:12px;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid var(--lc-line2);background:rgba(7,7,10,.78);backdrop-filter:blur(8px);color:var(--lc-ink2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.22,.68,.46,1);padding:0;opacity:0;transform:translateY(4px)}
.lc-card:hover .lc-card-save{opacity:1;transform:translateY(0)}
.lc-card-save:hover{border-color:var(--lc-gold);color:var(--lc-gold);background:rgba(212,164,71,.12)}
.lc-card-save.saved{color:var(--lc-gold);border-color:var(--lc-gold);opacity:1;transform:translateY(0)}
.lc-card-save.saved svg{fill:var(--lc-gold)}
.lc-card-save svg{width:15px;height:15px}
/* ─── CLOSED CARD STATE ─── */
.lc-card.lc-exp{opacity:.62}
.lc-card.lc-exp:hover{opacity:.92}
/* ─── LOAD MORE BUTTON ─── */
body.lc-arch .load-wrap,body.lc-arch .pagination{display:flex;justify-content:center;margin:60px 0 20px}
body.lc-arch .load-btn{font-family:'JetBrains Mono',monospace;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lc-gold);background:transparent;border:1px solid var(--lc-line2);padding:16px 36px;border-radius:999px;cursor:pointer;transition:all .3s}
body.lc-arch .load-btn:hover{border-color:var(--lc-gold);background:rgba(212,164,71,.06)}
body.lc-arch .pagination a,body.lc-arch .pagination span{font-family:'JetBrains Mono',monospace;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lc-ink2);padding:10px 16px;border:1px solid var(--lc-line2);border-radius:8px;margin:0 4px;text-decoration:none;transition:all .25s;display:inline-block}
body.lc-arch .pagination a:hover{border-color:var(--lc-gold);color:var(--lc-gold)}
body.lc-arch .pagination .current{background:var(--lc-gold);color:var(--lc-bg);border-color:var(--lc-gold);font-weight:600}
/* ─── SINGLE POST EDITORIAL TYPOGRAPHY ─── */
body.lc-single .art-title{font-family:'Fraunces',serif !important;font-size:clamp(2rem,4.6vw,3.6rem) !important;line-height:1.05 !important;letter-spacing:-.025em !important;font-weight:500 !important;font-variation-settings:'SOFT' 30,'opsz' 144 !important}
body.lc-single .art-deck{font-family:'Fraunces',serif !important;font-style:italic !important;font-variation-settings:'SOFT' 100,'opsz' 48 !important;font-size:1.2rem !important;line-height:1.55 !important;color:var(--lc-ink2,#c8c2b2) !important;letter-spacing:-.005em}
body.lc-single .art-body h2,body.lc-single .art-body h3{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-.015em;font-variation-settings:'SOFT' 30,'opsz' 96}
body.lc-single .art-body h2{font-size:1.9rem;margin-top:2.2em;margin-bottom:.8em}
body.lc-single .art-body h3{font-size:1.45rem;margin-top:1.8em;margin-bottom:.6em}
body.lc-single .art-body > p:first-of-type::first-letter{font-family:'Fraunces',serif;font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 144;font-size:4.2em;line-height:.85;float:left;margin:.04em .1em -.05em 0;color:var(--lc-gold,#d4a447);letter-spacing:-.02em}
/* ─── FADE-UP UTILITY ─── */
.lc-fade{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.22,.68,.46,1),transform .7s cubic-bezier(.22,.68,.46,1)}
.lc-fade.lit{opacity:1;transform:translateY(0)}
/* ─── MOBILE ─── */
@media(max-width:900px){
.lc-hero{padding:120px 18px 80px;min-height:auto}
.lc-hero-inner{grid-template-columns:1fr;gap:50px}
.lc-hero-right{perspective:none;max-width:460px;margin:0 auto;width:100%}
.lc-hero-inner{justify-items:center}
.lc-preview{padding:24px 20px}
.lc-section{padding:90px 0}
.lc-sh{padding:0 18px;gap:12px;margin-bottom:40px}
.lc-sh .sh-ln.long{display:none}
.lc-sh .sh-ts{display:none}
.lc-stmt-inner, .lc-rail, .lc-quote-inner{padding:0 18px}
.lc-rail-row{grid-template-columns:60px 1fr;gap:18px;padding:36px 0}
.lc-rail .rr-right{grid-column:1 / -1;margin-top:8px}
.lc-metrics{grid-template-columns:1fr 1fr}
.lc-metrics .mx{border-right:none;border-bottom:1px solid var(--lc-line);padding:60px 24px}
.lc-metrics .mx:nth-child(2n){border-right:none}
.lc-metrics .mx:nth-last-child(-n+2){border-bottom:none}
.lc-strip-card{flex:0 0 280px;min-height:300px}
.lc-cta-section{padding:80px 18px 48px}
.lc-card-save{opacity:1;transform:none}
}
/* ═══════════════════════════════════════════════
CLOSING SOON — PREMIUM CAROUSEL
Glass-morphism cards, live countdown, urgency meter,
animated gradient borders, horizontal scroll strip
═══════════════════════════════════════════════ */
/* Section background: subtle animated radial gradient */
.lc-urgent-section{position:relative;overflow:visible}
.lc-urgent-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%, rgba(212,164,71,.04) 0%, transparent 70%);pointer-events:none}
/* Pulsing header dot */
.lc-urgent-dot{background:var(--lc-gold)!important;box-shadow:0 0 6px var(--lc-gold);animation:urg-dot 2s ease-in-out infinite}
@keyframes urg-dot{0%,100%{box-shadow:0 0 4px var(--lc-gold)}50%{box-shadow:0 0 14px var(--lc-gold),0 0 28px rgba(212,164,71,.3)}}
/* Horizontal scroll strip */
.lc-urgent-strip{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:10px 36px 30px;scrollbar-width:none;scroll-behavior:smooth}
.lc-urgent-strip::-webkit-scrollbar{display:none}
/* ── CARD ── */
.lc-urg-card{position:relative;flex:0 0 340px;scroll-snap-align:start;border-radius:20px;text-decoration:none;color:var(--lc-ink);transition:transform .5s cubic-bezier(.19,1,.22,1);perspective:800px}
.lc-urg-card:hover{transform:translateY(-8px) scale(1.02)}
/* Animated gradient border */
.lc-urg-border{position:absolute;inset:-2px;border-radius:22px;z-index:0;background:conic-gradient(from var(--urg-angle,0deg), var(--lc-gold), rgba(212,164,71,.2), var(--lc-gold2), rgba(212,164,71,.1), var(--lc-gold));animation:urg-border-spin 4s linear infinite;opacity:.6;transition:opacity .4s}
.lc-urg-card:hover .lc-urg-border{opacity:1}
.lc-urg-card.hot .lc-urg-border{opacity:.85;animation-duration:2.5s}
.lc-urg-card.last .lc-urg-border{background:conic-gradient(from var(--urg-angle,0deg), var(--lc-rose), rgba(201,119,94,.3), #e8a090, rgba(201,119,94,.15), var(--lc-rose));opacity:1;animation-duration:2s}
@keyframes urg-border-spin{to{--urg-angle:360deg}}
@property --urg-angle{syntax:"";initial-value:0deg;inherits:false}
/* Glass card body */
.lc-urg-glass{position:relative;z-index:1;border-radius:20px;padding:22px 24px 24px;background:rgba(18,18,26,.85);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);display:flex;flex-direction:column;gap:12px;height:100%;border:1px solid rgba(239,230,208,.06);overflow:hidden}
.lc-urg-glass::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(239,230,208,.15),transparent)}
/* Urgency meter bar */
.lc-urg-meter{height:3px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.lc-urg-meter-fill{height:100%;border-radius:3px;background:linear-gradient(90deg, #4ade80, var(--lc-gold), var(--lc-rose));transition:width 1s ease}
.lc-urg-card.hot .lc-urg-meter-fill{background:linear-gradient(90deg, var(--lc-gold), var(--lc-rose))}
.lc-urg-card.last .lc-urg-meter-fill{background:var(--lc-rose);animation:urg-meter-pulse 1.5s ease-in-out infinite}
@keyframes urg-meter-pulse{0%,100%{opacity:.8}50%{opacity:1;box-shadow:0 0 8px var(--lc-rose)}}
/* Live countdown timer */
.lc-urg-timer{display:flex;align-items:center;gap:10px}
.lc-urg-timer-num{font-family:'JetBrains Mono',monospace;font-size:1.3rem;font-weight:700;letter-spacing:.04em;display:flex;align-items:baseline;gap:2px}
.lc-urg-timer-num .t-d,.lc-urg-timer-num .t-h,.lc-urg-timer-num .t-m{color:var(--lc-gold);min-width:1.5ch;text-align:right}
.lc-urg-card.last .lc-urg-timer-num .t-d,.lc-urg-card.last .lc-urg-timer-num .t-h,.lc-urg-card.last .lc-urg-timer-num .t-m{color:var(--lc-rose)}
.lc-urg-timer-num .t-sep{font-size:.7rem;color:var(--lc-mut);font-weight:400;margin:0 1px}
.lc-urg-timer-lbl{font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--lc-mut)}
.lc-urg-card.last .lc-urg-timer-lbl{color:var(--lc-rose);font-weight:700;animation:urg-lbl-blink 1s ease-in-out infinite}
@keyframes urg-lbl-blink{0%,100%{opacity:1}50%{opacity:.4}}
/* Logo/thumb */
.lc-urg-logo{width:64px;height:64px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lc-urg-logo img{width:100%;height:100%;object-fit:contain;padding:6px}
.lc-urg-initials{font-family:'Fraunces',serif;font-size:1.2rem;font-weight:700;color:var(--lc-bg)}
/* Category, title, org */
.lc-urg-cat{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lc-gold);font-weight:600}
.lc-urg-title{font-family:'Fraunces',serif;font-size:1.05rem;line-height:1.3;font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 72;color:var(--lc-ink);margin:0}
.lc-urg-org{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lc-ink2)}
/* CTA button */
.lc-urg-cta{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(239,230,208,.06);font-family:'JetBrains Mono',monospace;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lc-gold);transition:gap .3s}
.lc-urg-cta svg{width:16px;height:16px;transition:transform .3s}
.lc-urg-card:hover .lc-urg-cta{gap:14px}
.lc-urg-card:hover .lc-urg-cta svg{transform:translateX(4px)}
.lc-urg-card.last .lc-urg-cta{color:var(--lc-rose)}
/* Hover glow behind card */
.lc-urg-card::after{content:"";position:absolute;inset:-20px;border-radius:30px;background:radial-gradient(circle,rgba(212,164,71,.08),transparent 70%);opacity:0;transition:opacity .5s;z-index:-1}
.lc-urg-card:hover::after{opacity:1}
.lc-urg-card.last::after{background:radial-gradient(circle,rgba(201,119,94,.1),transparent 70%)}
/* Responsive */
@media(max-width:700px){
.lc-urgent-strip{padding:10px 18px 24px;gap:18px}
.lc-urg-card{flex:0 0 290px}
}
/* ═══════════════════════════════════════════════
LEGAL BLOGS SECTION
Clean card grid for blog content posts
═══════════════════════════════════════════════ */
.lc-blogs-wrap{max-width:1500px;margin:0 auto;padding:0 36px}
.lc-blogs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.lc-blog-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--lc-bg3);border:1px solid var(--lc-line);transition:transform .4s ease, border-color .3s, box-shadow .4s;text-decoration:none;color:inherit}
.lc-blog-card:hover{transform:translateY(-5px);border-color:var(--lc-line2);box-shadow:0 16px 48px rgba(0,0,0,.25)}
.lc-blog-thumb{aspect-ratio:16/10;background-size:cover;background-position:center;background-color:var(--lc-bg2);transition:transform .5s}
.lc-blog-thumb.mono{background:linear-gradient(135deg,rgba(239,230,208,.04),rgba(239,230,208,.01))}
.lc-blog-card:hover .lc-blog-thumb{transform:scale(1.04)}
.lc-blog-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.lc-blog-meta-top{display:flex;justify-content:space-between;align-items:center}
.lc-blog-meta-top .lc-tag{background:rgba(239,230,208,.08);color:var(--lc-ink2);align-self:flex-start}
.lc-blog-read{font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lc-mut)}
.lc-blog-title{font-family:'Fraunces',serif;font-size:1.15rem;line-height:1.3;letter-spacing:-.01em;color:var(--lc-ink);font-weight:500;font-variation-settings:'SOFT' 30,'opsz' 72}
.lc-blog-excerpt{font-size:.85rem;line-height:1.5;color:var(--lc-ink2);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lc-blog-foot{display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lc-mut);padding-top:12px;border-top:1px solid var(--lc-line);margin-top:auto}
.lc-blog-go{display:flex;align-items:center;gap:5px;color:var(--lc-gold);font-weight:600}
.lc-blog-go svg{width:14px;height:14px;transition:transform .3s}
.lc-blog-card:hover .lc-blog-go svg{transform:translateX(4px)}
/* Responsive */
@media(max-width:1100px){.lc-blogs-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.lc-blogs-grid{grid-template-columns:1fr}.lc-blogs-wrap{padding:0 18px}}