/* HER OLD SITE, SET LIKE A MAGAZINE — in this world's own tokens. Moments, not a document. Sexier, hers, 20 September 2026. */
.hs{position:relative;z-index:1;color:var(--ink);font-family:var(--body);overflow:clip;--hs-hair:color-mix(in srgb,var(--ink) 12%,transparent);--hs-tint:color-mix(in srgb,var(--signal) 7%,var(--ground))}
.hs h1,.hs h2,.hs h3,.hs-page__title{font-family:var(--head);font-weight:400;color:var(--ink);text-wrap:balance;letter-spacing:-.012em}
.hs h2{font-size:clamp(2.2rem,5.2vw,4rem);line-height:1;margin:0 0 1.4rem}
.hs h3{font-size:clamp(1.35rem,2.7vw,1.9rem);line-height:1.15;margin:1.8rem 0 .6rem;color:var(--signal);font-style:italic}
.hs p{font-weight:300;font-size:clamp(1.04rem,1.8vw,1.18rem);line-height:1.8;margin:0 0 1.1rem;max-width:34rem}
.hs-verse,.hers-verse{font-family:var(--head);font-style:italic;font-size:clamp(1.4rem,2.9vw,2.1rem);line-height:1.35;color:var(--ink);margin:0 0 1.6rem;max-width:30rem}
[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}
/* ── the arrival: the words on the ground, her photograph beside them the full height of the screen — never words over a picture ── */
.hs-arrive{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:clamp(7rem,16vh,10rem) 6vw clamp(4rem,9vh,6rem);isolation:isolate;overflow:hidden;background:var(--hs-tint);text-align:center}
.hs-arrive--pic{grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:clamp(2rem,5vw,5rem);text-align:left;padding-right:0}
.hs-arrive__pic{position:relative;align-self:stretch;min-height:70svh;overflow:hidden;opacity:0;animation:hs-in 1.8s ease .2s forwards;margin-right:0}
.hs-arrive__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;animation:hs-breathe 26s ease-in-out infinite alternate}
.hs-arrive__pic::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--hs-tint) 0%,transparent 18%)}
@keyframes hs-breathe{from{transform:scale(1)}to{transform:scale(1.06)}}
.hs-arrive__veil{display:none}
.hs-arrive__words{position:relative;z-index:2;max-width:40rem}.hs-arrive:not(.hs-arrive--pic) .hs-arrive__words,.hs-arrive:not(.hs-arrive--pic) .hs-arrive__verse{margin:0 auto}
.hs-arrive__name{font-family:var(--name);font-size:clamp(3.4rem,9vw,8rem);line-height:.92;margin:0 0 1rem;opacity:0;animation:hs-in 1.6s ease .3s forwards}
.hs-arrive__sub{font-family:var(--head)!important;font-style:italic;font-weight:400;font-size:clamp(1.3rem,2.6vw,1.9rem)!important;line-height:1.2;color:var(--signal);margin:0 0 1.6rem!important;max-width:none!important;opacity:0;animation:hs-in 1.4s ease 1s forwards}
.hs-arrive__verse{font-family:var(--head);font-size:clamp(1.12rem,2vw,1.4rem);line-height:1.5;color:var(--ink);max-width:30rem}
.hs-arrive__verse span{display:block;opacity:0;animation:hs-in 1.2s ease forwards;animation-delay:calc(1.4s + var(--n) * .28s)}
.hs-arrive__down{position:absolute;left:6vw;bottom:clamp(1.5rem,4vh,3rem);z-index:2;width:1px;height:4rem}
.hs-arrive__down span{position:absolute;left:0;top:0;width:1px;height:100%;background:linear-gradient(180deg,var(--signal),transparent);transform-origin:top;animation:hs-fall 2.6s ease-in-out infinite}
@keyframes hs-fall{0%{transform:scaleY(0);opacity:0}30%{opacity:1}100%{transform:scaleY(1);opacity:0}}
@keyframes hs-in{to{opacity:1}}
/* ── lines, one at a time ── */
.hs-lines{display:grid;gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(5rem,12vh,9rem) 6vw;max-width:84rem;margin:0 auto;text-align:center}
.hs-lines__pic{margin:0;width:min(100%,28rem);aspect-ratio:4/5;justify-self:center;overflow:hidden;outline:1px solid var(--signal);outline-offset:12px;box-shadow:0 40px 80px -40px rgba(0,0,0,.35)}
.hs-lines__pic img{width:100%;height:100%;object-fit:cover;display:block}
.hs-lines__v{max-width:40rem;margin:0 auto}
.hs-lines__v p{font-family:var(--head);font-size:clamp(1.6rem,3.6vw,2.8rem);line-height:1.15;margin:0 0 .9rem;max-width:none;opacity:0;transform:translateY(10px);transition:opacity 1s ease,transform 1s ease;transition-delay:calc(var(--n) * .22s)}
.hs-lines.is-in .hs-lines__v p{opacity:1;transform:none}
.hs-lines:has(.hs-lines__pic){grid-template-columns:minmax(0,5fr) minmax(0,7fr);text-align:left}.hs-lines:has(.hs-lines__pic) .hs-lines__v{margin:0}
/* ── the cards, on the world's own colour ── */
.hs-cards{padding:clamp(5rem,12vh,9rem) 6vw;background:var(--signal);color:var(--on-signal)}
.hs-cards__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem;max-width:84rem;margin:0 auto}
.hs-card{padding:2rem 1.7rem;border:1px solid color-mix(in srgb,var(--on-signal) 22%,transparent);background:color-mix(in srgb,var(--on-signal) 6%,transparent);opacity:0;transform:translateY(14px);transition:opacity .9s ease,transform .9s ease;transition-delay:calc(var(--n) * .08s)}
.hs-cards.is-in .hs-card{opacity:1;transform:none}
.hs-card__n{display:block;font-size:.64rem;letter-spacing:.34em;color:var(--on-signal);opacity:.7;margin-bottom:.9rem}
.hs-card h3{margin:0 0 .5rem;color:var(--on-signal);font-style:normal;font-size:clamp(1.4rem,2.3vw,1.8rem)}
.hs-card p{font-size:.98rem;margin:0;color:var(--on-signal);opacity:.85}
.hs-cards .hs-band{padding-top:0;margin-bottom:2.4rem}
/* ── a band ── */
.hs-band{margin:0 auto;width:min(100%,64rem);padding:clamp(2rem,6vh,4rem) 6vw 0}.hs-band img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;outline:1px solid var(--signal);outline-offset:12px}
/* ── chapters, with air ── */
.hs-ch{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2.5rem,7vw,7rem);align-items:center;padding:clamp(3rem,8vh,6rem) 6vw;max-width:84rem;margin:0 auto}
.hs-ch+.hs-ch{border-top:1px solid var(--hs-hair)}
.hs-ch--left .hs-ch__pic{order:0}.hs-ch--right .hs-ch__pic{order:1}
.hs-ch--words{grid-template-columns:1fr;max-width:52rem;text-align:center}.hs-ch--words p,.hs-ch--words .hs-verse{margin-left:auto;margin-right:auto}
.hs-ch__pic{margin:0;width:min(100%,28rem);aspect-ratio:4/5;justify-self:center;overflow:hidden;outline:1px solid var(--signal);outline-offset:12px;box-shadow:0 40px 80px -40px rgba(0,0,0,.35)}
.hs-ch__pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.hs-ch:hover .hs-ch__pic img{transform:scale(1.03)}
.hs-ch__words{max-width:36rem}
.hs-ch__words>p:first-of-type{font-family:var(--head);font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.4;color:var(--ink)}
.hs-close{padding:clamp(5rem,12vh,9rem) 6vw;text-align:center;background:var(--hs-tint)}
.hs-close__k{font-size:.66rem;letter-spacing:.4em;text-transform:uppercase;color:var(--signal);margin:0 0 1rem;max-width:none}
.hs-close__p{max-width:none}
.hs-word{font-family:var(--head);font-style:italic;font-size:clamp(1.3rem,2.6vw,1.8rem);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--signal);padding-bottom:.2rem}
.hs-press,.hers-press{margin:1.6rem 0 .4rem}.hers-press a{font-family:var(--head);font-style:italic;font-size:clamp(1.3rem,2.6vw,1.8rem);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--signal);padding-bottom:.2rem}
/* ── an inner page ── */
.hs-page__head{max-width:52rem;margin:0 auto;padding:clamp(7rem,16vh,10rem) 6vw 2rem;text-align:center}
.hs-page__title{font-family:var(--name);font-size:clamp(2.8rem,8vw,6rem);line-height:.95;margin:0}
.hs-page__body{max-width:48rem;margin:0 auto;padding:0 6vw clamp(5rem,12vh,8rem)}
.hs-page__body p{margin-left:auto;margin-right:auto}
.hs-page__body h2{margin-top:3.5rem;text-align:center}.hs-page__body h3{text-align:center}
.hs-page__body .wp-block-image{margin:3.5rem auto;width:min(100%,32rem)}.hs-page__body .wp-block-image img{width:100%;aspect-ratio:4/5;object-fit:cover;outline:1px solid var(--signal);outline-offset:12px}
.hs-page__body .hers-verse{text-align:center;margin:2.4rem auto}
@media(min-width:821px){.hs-ch__pic{position:sticky;top:5.5rem;align-self:start}}
.hs-page__body .hers-emblem{width:min(60%,16rem)}.hs-page__body .hers-emblem img{aspect-ratio:auto;outline:0}
@media(max-width:820px){.hs-arrive,.hs-arrive--pic{grid-template-columns:1fr;padding:6.5rem 7vw 3rem;text-align:center;gap:2rem}.hs-arrive__pic{order:-1;min-height:0;aspect-ratio:4/5;width:min(82%,22rem);margin:0 auto;outline:1px solid var(--signal);outline-offset:10px}.hs-arrive__pic::after{display:none}.hs-arrive__words,.hs-arrive__verse{margin:0 auto}.hs-arrive__down{display:none}.hs-arrive__name{font-size:clamp(3.4rem,16vw,5.6rem)}.hs-ch,.hs-lines:has(.hs-lines__pic){grid-template-columns:1fr;gap:2.4rem;text-align:center}.hs-ch__pic,.hs-lines__pic{order:0!important;width:min(78%,20rem)}.hs p,.hs-verse,.hs-arrive__verse,.hs-lines__v{margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.hs *{animation:none!important;transition:none!important}.hs-arrive__name,.hs-arrive__sub,.hs-arrive__verse span,[data-rise],.hs-lines__v p,.hs-card{opacity:1!important;transform:none!important}}

/* LANGUAGE OF LOVE · the silver gallery */
.ll{background:#fff;color:var(--ink)}
.ll-open{text-align:center;padding:clamp(5rem,10vh,8rem) 6vw clamp(3rem,7vh,5rem);max-width:70rem;margin:0 auto}
.ll-open__name{font-family:var(--name);font-weight:400;font-size:clamp(2.2rem,6vw,4.6rem);letter-spacing:.2em;text-transform:uppercase;margin:0 0 2rem;color:var(--ink)}
.ll-open__pic{margin:0 auto 2rem;width:min(100%,52rem)}.ll-open__pic img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:grayscale(.15)}
.ll-open__sub{font-family:var(--head);font-style:italic;font-size:clamp(1.3rem,2.6vw,2rem);color:var(--signal);margin:0 0 1.2rem}
.ll-open__verse{font-family:var(--head);font-size:clamp(1.15rem,2.1vw,1.5rem);line-height:1.5;max-width:36rem;margin:0 auto;color:var(--ink)}.ll-open__verse span{display:block;opacity:0;animation:hs-up 1s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.4s + var(--n) * .26s)}
.ll-wall{margin:clamp(3rem,7vh,5rem) auto 0;width:min(100% - 12vw,44rem);text-align:center}.ll-wall img{width:100%;aspect-ratio:1;object-fit:cover;display:block;box-shadow:0 30px 60px -40px rgba(0,0,0,.4)}
.ll-rule{display:block;width:4rem;height:2px;background:var(--signal);margin:1.6rem auto 0}
.ll-ch{max-width:36rem;margin:0 auto;padding:clamp(2rem,5vh,3.5rem) 6vw clamp(3rem,7vh,5rem);text-align:center}
.ll-num{font-family:var(--name);font-size:.8rem;letter-spacing:.3em;color:var(--signal);display:block;margin-bottom:.8rem}
.ll-ch h2{font-family:var(--name);font-weight:400;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.2;letter-spacing:.04em;margin:0 0 1.2rem;color:var(--ink)}
.ll-ch__p{text-align:left}.ll-ch__p p{font-family:var(--body);font-size:1.02rem;line-height:1.75;margin:0 0 1em;color:var(--ink)}.ll-ch__p h3{font-family:var(--head);font-style:italic;font-weight:500;font-size:clamp(1.15rem,2.1vw,1.45rem);margin:1.4em 0 .5em;color:var(--signal);text-align:center}
.ll-ch__p .hs-verse{font-family:var(--head);font-size:clamp(1.15rem,2.1vw,1.45rem);line-height:1.5;text-align:center;margin:1.4em 0}
.ll-lines{max-width:38rem;margin:0 auto;padding:clamp(2rem,5vh,3.5rem) 6vw;text-align:center}.ll-lines p{margin:0 0 .3em;font-family:var(--head);font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.4;color:var(--ink)}.ll-lines p:first-child{color:var(--signal)}
.ll-sessions{max-width:44rem;margin:0 auto;padding:clamp(2rem,5vh,3.5rem) 6vw}.ll-sessions ol{list-style:none;margin:0;padding:0}.ll-sessions li{display:flex;gap:1.4rem;padding:1rem 0;border-bottom:1px solid #E6E6E6;align-items:baseline}.ll-n{font-family:var(--name);color:var(--signal);font-size:.85rem;letter-spacing:.2em;flex:0 0 3rem}.ll-sessions h3{font-family:var(--head);font-weight:500;font-size:1.25rem;margin:0 0 .3rem;color:var(--ink)}.ll-sessions p{font-family:var(--body);font-size:.95rem;line-height:1.55;margin:0;color:var(--ink)}
.ll [data-rise]{transform:none}
