.ethos-text-link{display:block;margin-top:1.5rem;font-size:1rem!important;font-weight:600;text-decoration:underline;text-underline-offset:.35em}
.hero-copy>p.hero-belief,.hero-copy>p.agency-now{font:800 clamp(1.2rem,1.8vw,1.7rem)/1.4 var(--display);letter-spacing:-.025em;max-width:30rem}
@media(max-width:760px){.hero-copy>p.hero-belief,.hero-copy>p.agency-now{font-size:1rem;line-height:1.7;max-width:none}}
.ethos-text-link span{display:inline-block;margin-left:.5rem;transition:transform .25s}.ethos-text-link:hover span{transform:translate(3px,-3px)}
.rulebook-invite{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:1px solid #555;margin-top:3rem;padding-top:2rem}
.rulebook-invite>span:first-child{font:500 clamp(1.2rem,2.5vw,2.4rem)/1.4 var(--display);letter-spacing:-.03em}
.rulebook-invite strong{color:#ff246a;font-weight:800}
.rulebook-invite-link{display:flex;gap:2rem;align-items:center;font-size:1rem;text-decoration:underline;text-underline-offset:.4em}
.rulebook-invite-link b{font-size:2rem;transition:transform .3s}.rulebook-invite:hover b{transform:translate(4px,-4px)}
@media(max-width:760px){.nav nav>.rulebook-nav{display:block!important;font-size:.875rem}.nav nav{gap:.85rem}.rulebook-invite{align-items:start;flex-direction:column}.rulebook-invite-link{width:100%;justify-content:space-between}.hero-copy .ethos-text-link{font-size:.95rem!important}}
@media(prefers-reduced-motion:reduce){.rulebook-invite b,.ethos-text-link span{transition:none}}

/* Keep the brand film on desktop; omit it from the phone layout. */
@media(max-width:760px){.home-film{display:none}}

/* A book-shaped link: the cover opens to invite readers into the rulebook. */
.rulebook-invite-link{flex-direction:column;justify-content:center;gap:1.5rem;flex:0 0 14rem;text-decoration:none;padding:1rem 1.5rem}
.rulebook-object{position:relative;display:block;width:7.5rem;height:10rem;perspective:700px;transform:rotate(-7deg);transition:transform .5s ease}
.rulebook-page,.rulebook-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;border-radius:0 3px 3px 0;font-family:var(--display)}
.rulebook-page{background:#fff;color:#141418;box-shadow:3px 2px 0 #d6d6db,6px 4px 0 #a8a8b2;border-left:3px solid #d6d6db;font-weight:800;font-size:1rem;line-height:1.25}
.rulebook-page-number{font-size:.75rem;font-weight:500}
.rulebook-cover{background:#ff246a;color:#141418;border-left:5px solid #c91450;transform-origin:left center;transform:rotateY(-12deg);transition:transform .65s cubic-bezier(.2,.7,.2,1);backface-visibility:hidden;box-shadow:2px 3px 10px #0003}
.rulebook-cover-small{font-weight:800;font-size:.75rem;line-height:1.2;letter-spacing:0}
.rulebook-cover-title{font-size:1.7rem;line-height:.95;font-weight:800;letter-spacing:-.06em}
.rulebook-cover-dot{color:#fff}
.rulebook-action-label{font-size:1rem;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:.4em;white-space:nowrap}
.rulebook-action-label>span{display:inline-block;margin-left:.5rem}
.rulebook-invite:focus-visible .rulebook-cover{transform:rotateY(-125deg)}
.rulebook-invite:focus-visible .rulebook-object{transform:rotate(0)}
@media(hover:hover) and (pointer:fine){.rulebook-invite:hover .rulebook-cover{transform:rotateY(-125deg)}.rulebook-invite:hover .rulebook-object{transform:rotate(0)}}
@media(max-width:760px){.rulebook-invite-link{flex:initial;width:100%;flex-direction:row;justify-content:flex-start;gap:1.5rem;padding:1rem .5rem}.rulebook-object{flex:0 0 7.5rem}.rulebook-action-label{white-space:normal;max-width:8rem}}
@media(prefers-reduced-motion:reduce){.rulebook-object,.rulebook-cover{transition:none}.rulebook-invite:is(:hover,:focus-visible) .rulebook-cover{transform:rotateY(-12deg)}.rulebook-invite:is(:hover,:focus-visible) .rulebook-object{transform:rotate(-7deg)}}

.partnership-title .challenge-highlight{color:#ff246a}