.button{display:inline-flex;align-items:center;gap:24px;border:1px solid currentColor;padding:13px 16px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:.3s}.button:hover{background:var(--ink);color:var(--paper)}.button.light:hover{background:#fff;color:var(--ink)}.arrow{font:20px/0 var(--serif)}.media-placeholder{position:relative;overflow:hidden;background:#c9bcaa;color:rgba(255,255,255,.8);isolation:isolate}.media-placeholder:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,rgba(36,29,24,.14),transparent 48%,rgba(255,255,255,.18));z-index:-1}.media-placeholder:after{content:attr(data-label);position:absolute;bottom:13px;left:14px;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.media-placeholder .shape{position:absolute;width:64%;height:80%;border:1px solid rgba(255,255,255,.4);border-radius:50%;top:12%;left:20%;transform:rotate(-32deg)}.media-placeholder.dark{background:#58483b}.media-placeholder.ink{background:#29231e}.media-placeholder.sand{background:#a9937d}.media-placeholder.tall{min-height:570px}.media-placeholder.wide{min-height:430px}.line-link{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px}.quote{font:clamp(35px,5vw,70px)/.96 var(--serif);letter-spacing:-.04em}.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.form-field{border:0;border-bottom:1px solid var(--line);background:transparent;width:100%;padding:16px 0;color:inherit;outline:0}.form-field:focus{border-color:var(--ink)}.tag{display:inline-block;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border:1px solid var(--line)}