.number-field{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}.word-drawing{position:relative;width:100%;aspect-ratio:var(--drawing-aspect, 1);pointer-events:none}.word-drawing__canvas{position:absolute;inset:0;width:100%;height:100%}.silhouette-window{--window-top: var(--header-height, 64px);position:relative;pointer-events:none}.silhouette-window__stage{position:relative;height:clamp(20rem,62svh,40rem);overflow:hidden;display:grid;place-items:center;container-type:size;background:var(--paper-fiber),var(--deep-surface)}.silhouette-window__cut{position:relative;height:min(78cqh,calc(86cqw / var(--cut-aspect, 1)));aspect-ratio:var(--cut-aspect, 1)}.silhouette-window__window{position:absolute;inset:0;overflow:hidden;-webkit-mask:var(--cut-mask) center / 100% 100% no-repeat;mask:var(--cut-mask) center / 100% 100% no-repeat}.silhouette-window__window img,.silhouette-window__photo img{position:absolute;display:block;max-width:none}.silhouette-window__window img{top:calc(-100% * var(--box-y0) / var(--box-h));left:calc(-100% * var(--box-x0) / var(--box-w));width:calc(100% / var(--box-w));height:calc(100% / var(--box-h))}.silhouette-window__photo,.silhouette-window__dots{display:none}.silhouette-window--plain .silhouette-window__stage{background:none}.silhouette-window--plain .silhouette-window__cut{background:var(--paper-fiber),var(--deep-surface);-webkit-mask:var(--cut-mask) center / 100% 100% no-repeat;mask:var(--cut-mask) center / 100% 100% no-repeat}.silhouette-window--transition[data-armed]{height:calc(100svh - var(--window-top) + var(--window-travel, 0px));-webkit-mask:var(--torn-edge) repeat-x left top / 640px 22px,linear-gradient(#000 0 0) left 21px / 100% calc(100% - 21px) no-repeat;mask:var(--torn-edge) repeat-x left top / 640px 22px,linear-gradient(#000 0 0) left 21px / 100% calc(100% - 21px) no-repeat}.silhouette-window--transition[data-armed] .silhouette-window__stage{position:sticky;top:var(--window-top);display:block;height:calc(100svh - var(--window-top));background:none}.silhouette-window[data-armed] .silhouette-window__photo{position:absolute;inset:0;display:block;overflow:hidden}.silhouette-window[data-armed] .silhouette-window__dots{position:absolute;inset:0;display:block;width:100%;height:100%}.silhouette-window[data-armed] .silhouette-window__cut{position:absolute;visibility:hidden}.silhouette-window[data-closed] .silhouette-window__photo{visibility:hidden}.creation-room>.silhouette-window:not([data-armed]) .silhouette-window__stage{background:none}.creation-room>.silhouette-window[data-armed]{margin-top:calc(-1*clamp(1.5rem,3vw,2.5rem) - 21px)}.creation-room:has(>.silhouette-window[data-armed]):before{display:none}.silhouette-window__phrase{position:relative;z-index:1;max-width:20ch;margin:0;color:var(--chalk);font-family:var(--font-family-display);font-size:var(--fs-chapter);font-weight:var(--fw-display);line-height:var(--lh-title);letter-spacing:var(--track-display);text-wrap:balance;overflow-wrap:break-word}.silhouette-window:not([data-armed]) .silhouette-window__stage:has(>.silhouette-window__phrase){grid-template-columns:minmax(0,1fr) minmax(0,1fr);-moz-column-gap:clamp(2rem,5vw,5rem);column-gap:clamp(2rem,5vw,5rem);padding-inline:calc((100% - min(var(--container-max-width),100% - 2 * var(--page-gutter)))/2)}.silhouette-window:not([data-armed]) .silhouette-window__phrase{justify-self:start}@media(min-width:761px){.silhouette-window__phrase-part{display:inline-block}}@container (max-width: 24rem){.silhouette-window__phrase{font-size:var(--fs-section)}}@container (max-width: 14rem){.silhouette-window__phrase{font-size:var(--fs-sub)}}.silhouette-window[data-armed] .silhouette-window__phrase{position:absolute;top:50%;left:calc((100% - min(var(--container-max-width),100% - 2 * var(--page-gutter)))/2);width:min(50%,40rem,var(--phrase-room, 50%));max-width:none;transform:translateY(-50%);clip-path:inset(-.3em -.3em 100% -.3em)}@media(max-width:760px){.silhouette-window:not([data-armed]) .silhouette-window__stage:has(>.silhouette-window__phrase){height:clamp(28rem,80svh,44rem);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:center;row-gap:1.5rem}.silhouette-window:not([data-armed]) .silhouette-window__stage:has(>.silhouette-window__phrase) .silhouette-window__cut{height:min(52cqh,calc(80cqw / var(--cut-aspect, 1)))}.silhouette-window[data-armed] .silhouette-window__phrase{top:8%;right:var(--page-gutter);left:var(--page-gutter);width:auto;transform:none}}.quiet-phrase{--quiet-marker: color-mix(in srgb, var(--signal-light) 62%, transparent);display:grid;min-height:calc(100svh - var(--header-height, 64px));align-items:center;padding-block:clamp(4rem,12svh,8rem);view-timeline:--quiet block}.quiet-phrase__text{max-width:19ch;margin:0;color:var(--ink);font-family:var(--font-family-display);font-size:var(--fs-chapter);font-weight:var(--fw-display);line-height:var(--lh-title);letter-spacing:var(--track-display);text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@container page (max-width: 15rem){.quiet-phrase__text{font-size:var(--fs-sub)}}.quiet-phrase__mark{background:linear-gradient(var(--quiet-marker),var(--quiet-marker)) left 92% / 100% 56% no-repeat;-webkit-box-decoration-break:slice;box-decoration-break:slice}.quiet-phrase__note{max-width:var(--measure-body);margin-top:1.4rem;color:var(--ink-soft);font-size:var(--fs-small);line-height:var(--lh-body)}@keyframes quiet-mark{0%{background-size:0% 56%}to{background-size:100% 56%}}@supports (animation-timeline: view()){html.flow-motion .quiet-phrase:not([data-still]) .quiet-phrase__mark{animation:quiet-mark linear both;animation-timeline:--quiet;animation-range:cover 24% cover 44%}}@media(prefers-reduced-motion:reduce){.quiet-phrase__mark{animation:none!important}}