/* Inking follows the existing word reveal; no change to text geometry. */
#statement .lit-word{--lit-fill:0%;background-image:linear-gradient(90deg,#ece4c3 0 var(--lit-fill),rgba(236,228,195,.26) var(--lit-fill) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#statement .ink-word{--ink-fill:0%;background-image:linear-gradient(90deg,#FF99CA 0 var(--ink-fill),#ece4c3 var(--ink-fill) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.life-build{position:relative;height:240svh;margin:40px 0 100px;background:#30116d;color:#ece4c3}
.life-build-stage{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:100px var(--pad-x) 36px;overflow:hidden}
.life-build-copy h2{font:700 clamp(64px,10vw,150px)/.88 'New Title',sans-serif;margin:22px 0}
.life-build-copy p{font:400 17px/1.6 'DM Sans',sans-serif;max-width:300px}
.life-build-eyebrow,.life-build-phase{font:700 11px/1.5 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.12em}
.life-build-progress{height:2px;background:#ece4c330;max-width:220px;margin:28px 0 14px;overflow:hidden}
.life-build-progress span{display:block;height:100%;background:#f7d247;transform:scaleX(0);transform-origin:left}
.life-build-art{position:relative;width:min(100%,52svh);aspect-ratio:3/4;justify-self:center;background:#f3ede3;box-shadow:0 24px 70px #0a090735;isolation:isolate}
.life-build-final{display:block;width:100%;height:100%;object-fit:contain;opacity:0}
.life-build-tiles,.life-build-grid{position:absolute;inset:0;pointer-events:none}
.life-build-tile{position:absolute;width:33.333334%;height:25%;background-image:url('../img/projects/life/locandina-2a-edizione.jpg');background-size:300% 400%;will-change:transform;backface-visibility:hidden}
.life-build-grid{background-image:linear-gradient(90deg,#3e168b55 1px,transparent 1px),linear-gradient(#3e168b55 1px,transparent 1px);background-size:33.333333% 25%;opacity:.45}
.life-build.is-complete .life-build-final{opacity:1}
.life-build.is-complete .life-build-tiles{opacity:0}
.cta-btn,.btn,.deck-toggle{transition:scale .25s cubic-bezier(.2,1.6,.4,1),box-shadow .25s,background-color .25s,color .25s}
.cta-btn.is-pressed,.btn.is-pressed,.deck-toggle.is-pressed{scale:.96}
.motion-arrow{display:inline-block;transition:translate .3s cubic-bezier(.2,.8,.2,1)}
.cta-btn:hover .motion-arrow,.cta-btn:focus-visible .motion-arrow,.btn:hover .motion-arrow{translate:4px 0}
.chip{transition:box-shadow .22s ease}
.chip.is-held{box-shadow:0 20px 32px #0a090750}
.work-card .work-card-img{translate:var(--cover-x,0px) var(--cover-y,0px);transition:transform .6s cubic-bezier(.16,1,.3,1),translate .3s ease}
#cDeck .cc::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,25%),#ffffff36,transparent 65%);opacity:0;transition:opacity .3s}
#cDeck.fanned .cc:hover::after,#cDeck.fanned .cc:focus-visible::after{opacity:1}
@media(max-width:700px){
 .life-build{height:205svh;margin-bottom:64px}
 .life-build-stage{height:100svh;min-height:640px;grid-template-columns:1fr;gap:20px;padding:92px 24px 28px;align-content:center}
 .life-build-copy h2{font-size:52px;margin:8px 0}.life-build-copy h2 br{display:none}.life-build-copy h2 br::after{content:' '}
 .life-build-copy p{font-size:14px;max-width:none}.life-build-progress{margin:12px 0 6px}
 .life-build-art{width:auto;height:min(48svh,400px);max-width:100%;aspect-ratio:3/4}
}
@media(max-height:650px) and (min-width:701px){.life-build-stage{padding-top:80px}.life-build-art{width:48svh}}
@media(prefers-reduced-motion:reduce){
 #statement .ink-word{color:#FF99CA;-webkit-text-fill-color:#FF99CA;background:none}
 #statement .lit-word{color:#ece4c3;-webkit-text-fill-color:#ece4c3;background:none}
 .life-build{height:auto}.life-build-stage{position:relative;min-height:0;height:auto;padding-block:70px}
 .life-build-final{opacity:1}.life-build-tiles,.life-build-grid{display:none}
 .cta-btn.is-pressed,.btn.is-pressed,.deck-toggle.is-pressed{scale:1}.motion-arrow{translate:none!important}.work-card-img{translate:none!important}#cDeck .cc::after{display:none}
}
.cta-btn:active,.btn:active,.deck-toggle:active{scale:.96}
@media(prefers-reduced-motion:reduce){.cta-btn:active,.btn:active,.deck-toggle:active{scale:1}}