/* Shared editorial curation on Home and Portfolio; canonical rails belong to .lp-shell. */
.lp-signature-work { position:relative; isolation:isolate; background:#000; padding:clamp(90px,9vw,150px) 0 0; scroll-margin-top:110px; }
.lp-signature-work__intro { margin-bottom:clamp(43.2px,5.4vw,86.4px); }
.lp-signature-work__eyebrow { display:flex; align-items:center; gap:16px; margin:0 0 26px; color:#c3beb8; font-size:12px; letter-spacing:.14em; }
.lp-signature-work__eyebrow::before { content:""; width:32px; height:1px; background:var(--color-primary); }
.lp-signature-work h2 { color:#f4f1ed; font-size:clamp(38px,4.3vw,66px); font-weight:600; line-height:1.08; letter-spacing:-.045em; margin:0 0 24px; }
.lp-signature-work h2 span { color:var(--color-primary); }
.lp-signature-work__summary { color:#aaa7a3; font-size:17px; line-height:1.75; max-width:610px; margin:0; }
.lp-signature-project { position:relative; border-top:1px solid #ffffff14; padding:clamp(50.4px,4.95vw,86.4px) 0; }
.lp-signature-project__link { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); grid-template-rows:1fr 1fr; column-gap:clamp(32px,4vw,80px); color:#f4f1ed; text-decoration:none; }
.lp-signature-project__heading { grid-column:2; grid-row:1; align-self:end; min-width:0; }
.lp-signature-project__number { display:block; color:#ffffff2b; font-size:clamp(38px,3.5vw,56px); font-weight:400; letter-spacing:-.06em; line-height:1; margin:0 0 28px; }
.lp-signature-project__category { color:#b7b4af; font-size:11px; letter-spacing:.16em; line-height:1.6; margin:0 0 16px; }
.lp-signature-project .lp-signature-project__title { color:#f4f1ed; font-size:clamp(42px,5vw,76px); font-weight:600; line-height:1.05; letter-spacing:-.045em; margin:0 0 24px; }
.lp-signature-project__summary { max-width:34ch; color:#c3beb8; font-size:clamp(17px,1.35vw,21px); line-height:1.65; margin:0; }
.lp-signature-project__visual { position:relative; display:flex; align-items:center; justify-content:center; min-width:0; grid-column:1; grid-row:1 / 3; height:clamp(480px,40vw,610px); }
.lp-signature-project__visual::before { content:""; position:absolute; inset:12% 5%; background:radial-gradient(ellipse,#5484bb0b,transparent 68%); pointer-events:none; transition:transform .55s cubic-bezier(.22,.61,.36,1); }
.lp-signature-project__visual img { position:relative; display:block; width:100%; height:100%; max-width:100%; object-fit:contain; transition:transform .55s cubic-bezier(.22,.61,.36,1),filter .55s cubic-bezier(.22,.61,.36,1); }
.lp-signature-project__content { grid-column:2; grid-row:2; align-self:start; min-width:0; padding-top:30px; }
.lp-signature-project__meta { color:#c3beb8; max-width:38ch; font-size:14px; line-height:1.7; margin:0 0 20px; }
.lp-signature-project__meta > span { display:block; color:#807e7a; font-size:10px; letter-spacing:.14em; margin-bottom:7px; }
.lp-signature-project__evidence { color:#888681; max-width:36ch; font-size:14px; line-height:1.7; margin:0 0 32px; }
.lp-signature-project__cta { display:inline-flex; align-items:center; gap:18px; color:var(--color-primary); font-size:11px; letter-spacing:.14em; min-height:44px; }
.lp-signature-project__cta > span { font-size:20px; transition:transform .55s cubic-bezier(.22,.61,.36,1); }
.lp-signature-project__link:focus-visible { outline:2px solid var(--color-primary); outline-offset:12px; }
.lp-signature-project--reverse .lp-signature-project__link { grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); }
.lp-signature-project--reverse .lp-signature-project__heading,.lp-signature-project--reverse .lp-signature-project__content { grid-column:1; }
.lp-signature-project--reverse .lp-signature-project__visual { grid-column:2; }
.lp-signature-project--panorama .lp-signature-project__link { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); grid-template-rows:auto auto; row-gap:43.2px; }
.lp-signature-project--panorama .lp-signature-project__visual { grid-column:1 / -1; grid-row:1; height:clamp(420px,34vw,560px); }
.lp-signature-project--panorama .lp-signature-project__visual img { max-width:1000px; }
.lp-signature-project--panorama .lp-signature-project__heading { grid-column:1; grid-row:2; align-self:start; }
.lp-signature-project--panorama .lp-signature-project__number { margin-bottom:20px; }
.lp-signature-project--panorama .lp-signature-project__content { grid-column:2; grid-row:2; padding-top:0; align-self:end; }
.lp-signature-project--panorama .lp-signature-project__visual::before { background:radial-gradient(ellipse,#7fbe5809,transparent 65%); }
.lp-signature-work__all { border-top:1px solid #ffffff14; padding:37.8px 0 0; }
.lp-signature-work__all a { display:inline-flex; align-items:center; gap:22px; min-height:44px; color:#c3beb8; font-size:11px; letter-spacing:.16em; text-decoration:none; }
.lp-signature-work__all a span { color:var(--color-primary); font-size:18px; }
.lp-signature-work--portfolio .lp-signature-project { padding-block:clamp(57.6px,5.85vw,100.8px); }
/* Grow the contained FluxCRM visual without moving its editorial grid or exceeding mobile rails. */
@media (min-width:992px) {
 .lp-signature-project--panorama .lp-signature-project__visual img { height:122%; max-width:1220px; flex:none; top:-24px; }
}
@media (hover:hover) and (pointer:fine) {
 .lp-signature-project__link:hover .lp-signature-project__visual img { transform:translateY(-5px); filter:brightness(1.035); }
 .lp-signature-project__link:hover .lp-signature-project__visual::before { transform:translateY(2px); }
 .lp-signature-project__link:hover .lp-signature-project__cta > span { transform:translateX(3px); }
}
@media (max-width:991px) {
 .lp-signature-project__link,.lp-signature-project--reverse .lp-signature-project__link,.lp-signature-project--panorama .lp-signature-project__link { display:flex; flex-direction:column; gap:0; }
 .lp-signature-project__heading { align-self:stretch; order:1; }
 .lp-signature-project__visual { order:2; width:100%; height:auto; aspect-ratio:1 / 1; margin:28.8px 0; }
 .lp-signature-project:first-of-type .lp-signature-project__visual { aspect-ratio:1122 / 1402; max-height:650px; }
 .lp-signature-project--reverse .lp-signature-project__visual,.lp-signature-project--panorama .lp-signature-project__visual { aspect-ratio:1448 / 1086; height:auto; }
 .lp-signature-project__content,.lp-signature-project--panorama .lp-signature-project__content { order:3; align-self:stretch; padding-top:0; }
 .lp-signature-project__visual img { position:absolute; inset:0; }
 .lp-signature-project__summary,.lp-signature-project__meta,.lp-signature-project__evidence { max-width:48ch; }
 .lp-signature-project__number { font-size:38px; margin-bottom:20px; }
 .lp-signature-project .lp-signature-project__title { font-size:clamp(42px,7vw,62px); }
 .lp-signature-work--portfolio .lp-signature-project { padding-block:57.6px; }
}
@media (max-width:575px) {
 .lp-signature-work { padding-top:88px; }
 .lp-signature-work__intro { margin-bottom:43.2px; }
 .lp-signature-work__summary { font-size:15px; }
 .lp-signature-project,.lp-signature-work--portfolio .lp-signature-project { padding-block:43.2px; }
 .lp-signature-project__summary { font-size:17px; }
 .lp-signature-project__evidence { margin-bottom:24px; }
}
@media (prefers-reduced-motion:reduce) {
 .lp-signature-work .lp-signature-project__visual img,.lp-signature-work .lp-signature-project__visual::before,.lp-signature-work .lp-signature-project__cta > span { transition:none; transform:none!important; filter:none!important; }
}
