/* MISS PALOMA — the front's own clothes. Warm white, her gold, her teal ink. One verb: set it down. */
.mp{--gold:var(--signal);--goldd:var(--signal-deep);--teal:var(--ink);overflow-x:clip;background:var(--ground);color:var(--ink)}
.mp-eyebrow{font-family:var(--body);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--goldd);margin:0 0 1rem}
.mp-word{font-family:var(--head);font-style:italic;font-size:clamp(1.25rem,2.4vw,1.7rem);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.15rem}
.mp-dove{width:1.6em;height:1.2em;fill:var(--gold);display:inline-block;vertical-align:middle}

/* MOMENT ONE · the carrying, then the setting down — a sticky stage the page scrolls through */
.mp-carry{position:relative;height:340vh}
.mp-carry__stage{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-rows:auto 1fr;padding:clamp(4.5rem,9vh,7rem) 6vw clamp(1.5rem,4vh,3rem);box-sizing:border-box;overflow:hidden}
.mp-carry__head{text-align:center;max-width:52rem;margin:0 auto}
.mp-name{margin:0;line-height:0}.mp-name img{width:min(78vw,560px);height:auto;display:inline-block;animation:mp-in 1.4s cubic-bezier(.2,.7,.2,1) both}
.mp-line{font-family:var(--head);font-style:italic;font-size:clamp(1.15rem,2.2vw,1.55rem);color:var(--ink);max-width:34rem;margin:1rem auto 0;line-height:1.45;animation:mp-in 1.4s .35s cubic-bezier(.2,.7,.2,1) both}
.mp-carry__head .mp-eyebrow{animation:mp-in 1.2s .1s both}
@keyframes mp-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.mp-pile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:0;padding-bottom:.6rem}
.is-empty .mp-pile__k{opacity:0!important;transition:opacity .8s}
.mp-pile__k{font-family:var(--body);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--goldd);margin:0 0 .8rem;opacity:0;animation:mp-in 1s 1.2s both}
.mp-pile__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;align-items:center;gap:.35rem}
.mp-pile__it{position:relative;font-family:var(--head);font-size:clamp(1rem,1.9vw,1.3rem);color:var(--ink);background:#fff;border:1px solid rgba(var(--glow),.55);padding:.42rem 1.1rem;border-radius:2px;box-shadow:0 8px 24px -14px rgba(15,58,63,.35);opacity:0;transform:translateY(-40px);animation:mp-drop .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(1.4s + var(--n) * .42s);transition:opacity .9s ease,transform 1.4s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}
.mp-pile__it .mp-dove{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;width:2.4em;height:1.8em;transition:opacity .5s ease}
@keyframes mp-drop{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}
.mp-pile__it.is-flying{animation:none;opacity:0;transform:translateY(-38vh) translateX(var(--dx,0)) rotate(-4deg)}
.mp-pile__it.is-flying .mp-pile__w{opacity:0;transition:opacity .35s}
.mp-pile__it.is-flying .mp-dove{opacity:1;animation:mp-wing .5s ease-in-out infinite alternate}
@keyframes mp-wing{from{transform:translate(-50%,-50%) scaleY(1)}to{transform:translate(-50%,-50%) scaleY(.72)}}
.mp-pile__floor{width:min(60vw,26rem);height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin-top:.9rem}
.mp-set{position:absolute;left:6vw;right:6vw;top:56%;text-align:center;margin:0;font-family:var(--head);font-weight:500;font-size:clamp(2.4rem,7vw,5.4rem);line-height:1;color:var(--ink);opacity:0;transform:translateY(calc(-50% + 12px));transition:opacity 1.2s ease,transform 1.2s ease;pointer-events:none}
.mp-set.is-in{opacity:1;transform:translateY(-50%)}
.mp-after{position:absolute;left:6vw;right:6vw;top:calc(56% + clamp(1.8rem,5vw,3.6rem));text-align:center;margin:0;font-family:var(--head);font-style:italic;font-size:clamp(1.05rem,2vw,1.4rem);color:var(--goldd);opacity:0;transition:opacity 1.2s ease .5s}
.mp-after.is-in{opacity:1}
.mp-carry__down{position:absolute;left:6vw;bottom:clamp(1.2rem,3vh,2.4rem);width:1px;height:3.6rem}
.mp-carry__down span{position:absolute;inset:0;background:linear-gradient(180deg,var(--gold),transparent);transform-origin:top;animation:mp-fall 2.6s ease-in-out infinite}
@keyframes mp-fall{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(0);transform-origin:bottom}}

/* rise for everything after */
[data-rise]{opacity:0;transform:translateY(18px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}[data-rise].is-in{opacity:1;transform:none}

/* MOMENT TWO · verse beside the weight */
.mp-verse{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(4rem,10vh,8rem) 6vw;max-width:76rem;margin:0 auto}
.mp-verse__pic{margin:0}.mp-verse__pic img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;outline:1px solid var(--gold);outline-offset:12px}
.mp-verse__v p{margin:0 0 .35em;font-family:var(--head);font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.3;color:var(--ink);opacity:0;transform:translateY(10px);transition:opacity .9s ease,transform .9s ease;transition-delay:calc(var(--n) * .18s)}
.is-in .mp-verse__v p{opacity:1;transform:none}
.mp-verse__v p:first-child{color:var(--goldd)}

/* MOMENT THREE · two words go, one stays */
.mp-three{text-align:center;padding:clamp(4rem,10vh,8rem) 6vw;background:#fff}
.mp-three__row{display:flex;justify-content:center;gap:clamp(1.2rem,4vw,3rem);flex-wrap:wrap;margin:0 0 1.6rem;font-family:var(--head);font-size:clamp(1.9rem,5.5vw,4.2rem);line-height:1.1;color:var(--ink)}
.mp-three__w{position:relative;opacity:0;transition:opacity 1s ease,color 1s ease,transform 1s ease;transition-delay:calc(var(--n) * .45s)}
.is-in .mp-three__w{opacity:1}
.mp-three__w--goes::after{content:"";position:absolute;left:0;right:0;top:56%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .9s ease;transition-delay:calc(1.4s + var(--n) * .45s)}
.is-in .mp-three__w--goes{color:rgba(15,58,63,.32)}.is-in .mp-three__w--goes::after{transform:scaleX(1)}
.mp-three__w--stays{color:var(--goldd);font-style:italic}.is-in .mp-three__w--stays{transition-delay:2.4s;transform:scale(1.04)}
.mp-three__line{font-family:var(--head);font-style:italic;font-size:clamp(1.1rem,2.1vw,1.45rem);max-width:36rem;margin:0 auto;color:var(--ink)}

/* MOMENT FOUR · the dove in her hands — a magazine spread */
.mp-hands{position:relative;max-width:82rem;margin:0 auto;padding:clamp(3rem,8vh,6rem) 6vw;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,4rem);align-items:end}
.mp-hands__pic{margin:0}.mp-hands__pic img{width:100%;aspect-ratio:1;object-fit:cover;display:block;outline:1px solid var(--gold);outline-offset:12px}
.mp-hands__words h2{font-family:var(--head);font-weight:500;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.12;margin:0 0 1rem;color:var(--ink)}
.mp-hands__words p{font-family:var(--body);font-size:1.02rem;line-height:1.7;margin:0;color:var(--ink)}

/* MOMENT FIVE · the ledger */
.mp-ledger{background:var(--ink);color:#fff;padding:clamp(4rem,10vh,8rem) 6vw}
.mp-ledger .mp-eyebrow{color:var(--gold)}
.mp-ledger h2{font-family:var(--head);font-weight:500;font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.15;max-width:36rem;margin:0 0 2rem}
.mp-ledger__rows{list-style:none;margin:0 0 2.4rem;padding:0;max-width:44rem}
.mp-ledger__rows li{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:.9rem 0;border-bottom:1px solid rgba(var(--glow),.35);font-family:var(--head);font-size:clamp(1.1rem,2vw,1.45rem);opacity:0;transform:translateX(-10px);transition:opacity .8s ease,transform .8s ease;transition-delay:calc(var(--n) * .14s)}
.is-in .mp-ledger__rows li{opacity:1;transform:none}
.mp-ledger__rows em{font-family:var(--body);font-style:normal;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.mp-ledger__p{font-family:var(--body);font-size:1.02rem;line-height:1.7;max-width:40rem;margin:0;color:rgba(255,255,255,.88)}

/* MOMENT SIX · on her own terms */
.mp-terms{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(4rem,10vh,8rem) 6vw;max-width:80rem;margin:0 auto}
.mp-terms__pic{margin:0;order:2}.mp-terms__pic img{width:100%;aspect-ratio:1;object-fit:cover;display:block;outline:1px solid var(--gold);outline-offset:12px}
.mp-terms__words h2{font-family:var(--head);font-weight:500;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.12;margin:0 0 1rem;color:var(--ink)}
.mp-terms__words > p{font-family:var(--body);font-size:1.02rem;line-height:1.7;margin:0 0 1.6rem;color:var(--ink)}
.mp-terms__v p{margin:0;font-family:var(--head);font-style:italic;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.3;color:var(--goldd);opacity:0;transform:translateY(8px);transition:opacity .9s ease,transform .9s ease;transition-delay:calc(.4s + var(--n) * .25s)}
.is-in .mp-terms__v p{opacity:1;transform:none}

/* MOMENT SEVEN · set it down; the doves go */
.mp-close{position:relative;text-align:center;padding:clamp(6rem,14vh,10rem) 6vw clamp(5rem,12vh,9rem);background:#fff;overflow:hidden}
.mp-close__flight{position:absolute;inset:0;pointer-events:none}
.mp-close__d{position:absolute;left:calc(8% + var(--i) * 12%);bottom:-2rem;width:2.2rem;height:1.7rem;opacity:0}
.is-in .mp-close__d{animation:mp-flight 9s ease-in-out infinite;animation-delay:calc(var(--i) * 1.1s)}
@keyframes mp-flight{0%{opacity:0;transform:translateY(0) translateX(0) scale(.8)}12%{opacity:.85}60%{opacity:.7}100%{opacity:0;transform:translateY(-110vh) translateX(6vw) scale(1.1)}}
.mp-close__head{font-family:var(--head);font-weight:500;font-size:clamp(2.6rem,8vw,6rem);line-height:1;margin:0 0 1.6rem;color:var(--ink)}
.mp-close__p{font-family:var(--body);font-size:1.05rem;line-height:1.7;max-width:36rem;margin:0 auto 1rem;color:var(--ink)}
.mp-close__men{margin:0 0 2rem}
.mp-close__last{font-family:var(--head);font-style:italic;font-size:clamp(1.4rem,3vw,2.2rem);color:var(--goldd);margin:0 0 2.4rem}
.mp-close__line{font-family:var(--body);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);margin:0;display:flex;align-items:center;justify-content:center;gap:.8rem}
.mp-close__line .mp-dove{width:2.4rem;height:1.8rem}

@media(max-width:820px){
 .mp-carry{height:300vh}
 .mp-carry__stage{padding-top:5.5rem}
 .mp-pile__it{font-size:.98rem;padding:.36rem .9rem}
 .mp-verse,.mp-hands,.mp-terms{grid-template-columns:1fr;gap:1.8rem}
 .mp-terms__pic{order:0}
 .mp-hands__pic img{aspect-ratio:4/5}
}
@media(prefers-reduced-motion:reduce){
 .mp *{animation:none!important;transition:none!important}
 .mp-pile__it,.mp-set,.mp-after,[data-rise],.mp-verse__v p,.mp-three__w,.mp-ledger__rows li,.mp-terms__v p{opacity:1!important;transform:none!important}
 .mp-carry{height:auto}.mp-carry__stage{position:static;height:auto}
}
/* the bar's mark is her whole wordmark, so the name beside it is said once */
.gk-bar__name,.gk-foot__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
