.mon{--mon-stick: calc(var(--header-height, 96px) + clamp(20px, 4vh, 48px));--mon-rule: hsl(201 30% 40% / .22);position:relative;background:var(--rh-field);color:var(--rh-ink);padding-block:clamp(40px,7vh,96px)}.mon--inline{container-type:inline-size;padding-block:0;background:none}.mon--inline .mon__records{min-inline-size:0}.mon__title--inline{font-size:clamp(2rem,2.2vw,2.6rem);margin-block-end:clamp(16px,2vh,26px)}.mon__shell{max-inline-size:var(--rh-shell-max);margin-inline:auto;padding-inline:var(--rh-gutter);display:grid;gap:clamp(28px,4vw,72px)}@media(min-width:1000px){.mon__shell{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:stretch}}.mon__stage{position:relative;background:var(--rh-field)}.mon__frames{position:relative;display:grid;aspect-ratio:1;max-block-size:min(58vh,540px);margin-inline:auto;place-items:center;isolation:isolate}.mon__frame{grid-area:1 / 1;display:grid;place-items:center;inline-size:100%;block-size:100%;margin:0;min-block-size:0;opacity:0;rotate:-7deg;scale:.9;filter:blur(9px);pointer-events:none;transition:opacity var(--rh-t-reveal) var(--rh-e-out),rotate var(--rh-t-morph) var(--rh-e-luxe),scale var(--rh-t-morph) var(--rh-e-luxe),filter var(--rh-t-reveal) var(--rh-e-out)}.mon__frame[data-active]{opacity:1;rotate:0deg;scale:1;filter:blur(0);pointer-events:auto;z-index:2}.mon__frame[data-leaving]{rotate:7deg;z-index:1}.mon__img{inline-size:100%;block-size:100%;object-fit:contain;display:block}@media(min-width:1000px){.mon__frames{position:sticky;inset-block-start:var(--mon-stick)}}.mon__tally{position:absolute;z-index:3;inset-block-end:0;inset-inline-start:0;display:flex;align-items:baseline;gap:2px;font-size:var(--rh-fs-meta);letter-spacing:.1em;color:var(--rh-ink-3);font-variant-numeric:tabular-nums}.mon__tally-sep{opacity:.5}.mon__hint{position:absolute;z-index:3;inset-block-end:0;inset-inline-end:0}.mon__records{min-inline-size:0}.mon__title{margin:0 0 clamp(22px,3vh,40px);font-family:var(--font-heading--family);font-size:clamp(2.6rem,3vw,4rem);font-weight:var(--font-heading--weight);line-height:1.1;letter-spacing:-.028em;text-wrap:balance;color:var(--rh-ink)}.mon__rec{margin-block-end:clamp(34px,4.4vh,58px)}.mon__rec:last-of-type{margin-block-end:0}.mon__rec-t{display:block;margin-block-end:10px;color:var(--rh-ink-3)}.mon__rows{list-style:none;margin:0;padding:0}.mon__row{position:relative;display:grid;gap:3px clamp(14px,1.6vw,26px);padding-block:14px;padding-inline-start:0}@media(min-width:620px){.mon__row:has(.mon__who){grid-template-columns:minmax(0,.72fr) minmax(0,1fr);align-items:baseline}}@container (max-width: 430px){.mon__row:has(.mon__who){grid-template-columns:minmax(0,1fr)}.mon__who{margin-block-end:1px}}.mon__rule{position:absolute;inset-block-start:0;inset-inline:0;block-size:1px;background:var(--mon-rule);transform:scaleX(0);transform-origin:left center;transition:transform var(--rh-t-reveal) var(--rh-e-luxe);transition-delay:calc(var(--i, 1) * 70ms)}.mon__rec.is-in .mon__rule{transform:scaleX(1)}.mon__who{font-size:var(--rh-fs-sm);font-weight:600;line-height:1.45;color:var(--rh-ink);opacity:0;translate:0 6px;transition:opacity var(--rh-t-reveal) var(--rh-e-out),translate var(--rh-t-reveal) var(--rh-e-luxe);transition-delay:calc(var(--i, 1) * 70ms + 60ms)}.mon__what{font-size:var(--rh-fs-body);line-height:1.6;color:var(--rh-n-500);opacity:0;translate:0 6px;transition:opacity var(--rh-t-reveal) var(--rh-e-out),translate var(--rh-t-reveal) var(--rh-e-luxe),color var(--rh-t-reveal) var(--rh-e-out);transition-delay:calc(var(--i, 1) * 70ms + 60ms);text-wrap:pretty}.mon__what--wide{grid-column:1 / -1}.mon__rec.is-in .mon__who,.mon__rec.is-in .mon__what{opacity:1;translate:0}.mon__rec.is-in .mon__what{color:var(--rh-ink-2)}.mon__note{padding-block:8px 0;font-size:var(--rh-fs-data);line-height:1.55;color:var(--rh-ink-3)}.mon__foot{margin:clamp(28px,4vh,48px) 0 0;padding-block-start:14px;border-block-start:1px solid var(--rh-line);font-size:var(--rh-fs-data);line-height:1.6;color:var(--rh-ink-3);max-inline-size:62ch}.mon__diag{max-inline-size:var(--rh-shell-max);margin-inline:auto;padding:24px var(--rh-gutter);font-size:var(--rh-fs-sm);color:var(--rh-ink-3)}.mon__diag code{font-family:var(--rh-mono);font-size:.94em;color:var(--rh-ink-2)}@media(max-width:999px){.mon__frames{aspect-ratio:4 / 3}.mon__frame:not([data-active]){display:none}.mon__hint{display:none}}@media(hover:none)and (pointer:coarse){.mon__hint{display:none}}@media(prefers-reduced-motion:reduce){.mon__frame{transition:opacity var(--rh-t-swap) linear;rotate:0deg;scale:1;filter:none}.mon__frame[data-leaving]{rotate:0deg}.mon__rule,.mon__who,.mon__what{transition:none;transition-delay:0s}.mon__rule{transform:scaleX(1)}.mon__who,.mon__what{opacity:1;translate:0}.mon__what{color:var(--rh-ink-2)}}@media(scripting:none){.mon__rule{transform:scaleX(1)}.mon__who,.mon__what{opacity:1;translate:0}.mon__what{color:var(--rh-ink-2)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/z-monograph.css.map */