.canvas-sheet{.canvas{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 24px;padding-top:70px;align-items:start}.canvas .verse{font-size:clamp(20px,1.8vw,28px);line-height:1.38;letter-spacing:-.02em}.ptitle{font-size:clamp(48px,6.4vw,110px);margin-top:40px}.ptitle em{display:block}.sheet{position:relative;justify-self:center;width:min(500px,100%);margin-top:150px;padding:64px 56px 56px;background:var(--pink);transform:rotate(-1.4deg)}.sheet .cat{position:absolute;right:30px;bottom:calc(100% - 22px);width:150px;transform:rotate(1.4deg)}.sheet mark{background:var(--paper)}.sheet .end{background:var(--ink)}@media(max-width:760px){.canvas{grid-template-columns:minmax(0,1fr);padding-top:40px}.ptitle{font-size:44px;margin-top:0}.sheet{width:auto;margin:110px 4px 0;padding:44px 24px 32px}.sheet .cat{width:120px;right:16px}}}.canvas-photo{.canvas{position:relative;margin:0 24px;padding-top:40px;min-height:calc(200px + 42.5vw)}.canvas .verse{font-size:clamp(20px,1.8vw,28px);line-height:1.38;letter-spacing:-.02em}.photo{width:68%;aspect-ratio:16 / 10;object-fit:cover}.ptitle{position:absolute;left:2vw;top:calc(40px + (100vw - 48px) * .68 * .625 - 1.35em);font-size:clamp(48px,7vw,120px);color:var(--paper);mix-blend-mode:difference}.ptitle:after{display:none}.ptitle em{display:block;margin-left:6vw}.verse{position:absolute;right:2vw;top:26vw;width:min(440px,36%);background:var(--paper);padding:28px 0 0 32px}.verse p:last-child{margin-bottom:0}@media(max-width:760px){.photo{width:100%}.ptitle{position:static;color:var(--ink);mix-blend-mode:normal;margin-top:20px}.verse{position:static;width:auto;padding:40px 0 0}.canvas{min-height:0}}}.canvas-scattered{.canvas{position:relative;margin:0 24px;padding:80px 0 0}.ptitle{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.3}.ptitle:after{display:none}.ptitle em{display:block;font-weight:400;text-transform:none;letter-spacing:0;color:var(--grey)}.words{position:relative;font-size:clamp(26px,3vw,50px);font-weight:470;letter-spacing:-.05em;line-height:1.1;margin-top:60px}.words p{margin:0}.words .w{margin-top:5vh}.words .w:nth-of-type(4n+1){margin-left:4vw}.words .w:nth-of-type(4n+2){margin-left:38vw}.words .w:nth-of-type(4n+3){margin-left:18vw}.words .w:nth-of-type(4n+4){margin-left:61vw}.words .block{margin:14vh 0 0 38vw;font-size:clamp(20px,1.8vw,28px);font-weight:400;letter-spacing:-.02em;line-height:1.38}.words .long{position:relative;margin-top:30vh;padding-bottom:4px;border-bottom:1px solid var(--ink);white-space:nowrap;font-size:2.55vw}.long img{position:absolute;right:0;bottom:100%;height:6vw}.long .end{vertical-align:baseline}@media(max-width:760px){.words .w:nth-of-type(n),.words .block{margin-left:0}.words .w:nth-of-type(2n){text-align:right}.words .long{white-space:normal;font-size:26px;margin-top:18vh;padding-top:40px}.long img{height:14vw}}}.canvas-stanzas{.canvas{position:relative;margin:0 24px;padding-top:70px}.ptitle{font-size:clamp(48px,6.4vw,110px)}.ptitle em{display:block;margin-left:10vw}.stanza{min-height:45svh;display:flex;align-items:center;padding-left:40vw;font-size:clamp(26px,2.7vw,44px);font-weight:450;letter-spacing:-.045em;line-height:1.12}.stanza p{margin:0}.stanza:last-of-type{min-height:60svh;flex-direction:column;align-items:flex-start;justify-content:center;gap:40px}.pasta{width:14vw;mix-blend-mode:multiply;transform:rotate(-8deg)}@media(prefers-reduced-motion:no-preference){.js .stanza p{opacity:0;transform:translateY(16px);transition:opacity 1.4s ease,transform 1.4s ease}.js .stanza.seen p{opacity:1;transform:none}}@media(max-width:760px){.ptitle em{margin-left:0}.stanza{padding-left:0;min-height:40svh}.pasta{width:40vw}}}.canvas-receipt{.canvas{position:relative;display:grid;grid-template-columns:auto min(360px,100%);justify-content:center;gap:24px 8vw;margin:0 24px;padding-top:70px;align-items:start}.ptitle{font-size:clamp(48px,6.4vw,110px);margin-top:40px}.ptitle em{display:block;margin-left:6vw}.side{position:relative}.pasta{width:min(240px,40%);margin:14vh 0 0 30%;mix-blend-mode:multiply;transform:rotate(-6deg)}.ticket{--zig: 10px;width:100%;margin-top:20px;padding:44px 34px 52px;background:#fbf9f5;transform:rotate(1.2deg);font:14px/1.55 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:0;text-transform:uppercase;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / calc(2 * var(--zig)) 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / calc(2 * var(--zig)) 51% repeat-x;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / calc(2 * var(--zig)) 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / calc(2 * var(--zig)) 51% repeat-x;filter:drop-shadow(0 1px 0 rgba(0,0,0,.04))}.ticket .c{text-align:center}.ticket hr{border:0;border-top:1px dashed var(--ink);margin:14px 0}.ticket .row{display:flex;justify-content:space-between;gap:12px}.ticket .row span:first-child{text-transform:none}.ticket .total{font-weight:700}.ticket .stamp{display:block;width:max-content;margin:26px auto 0;padding:4px 10px;border:2px solid var(--pink);color:#d9668f;font-weight:700;transform:rotate(-8deg)}@media(max-width:760px){.canvas{grid-template-columns:1fr}.pasta{display:none}}}.canvas-night{.meta{margin-bottom:40px}.canvas{--t: 0;--bg: color-mix(in srgb, var(--pink) calc(var(--t) * 100%), #141320);--top: calc(17vh + clamp(48px, 7vw, 120px)*.86) ;position:relative;margin:0;padding:0 24px;color:var(--paper);background:var(--bg);transition:color .5s}.canvas .verse{font-size:clamp(20px,1.8vw,28px);line-height:1.38;letter-spacing:-.02em}.canvas.day{color:var(--ink)}.night{position:relative;padding-bottom:22svh}.stick{position:sticky;top:0;height:100svh;overflow:hidden}.top{position:sticky;top:0;z-index:2;height:var(--top);margin-top:-100svh;padding-top:9vh;pointer-events:none;background:linear-gradient(var(--bg) 70%,transparent)}.ptitle{font-size:clamp(48px,7vw,120px)}.ptitle:after{background:var(--bg)}.sun{position:absolute;right:12vw;width:13vw;top:calc(100svh - var(--t) * 72svh);filter:grayscale(1) sepia(1) hue-rotate(290deg) saturate(2.4) brightness(1.15);opacity:var(--t)}.clock{position:absolute;right:0;top:10vh;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.night .verse{position:relative;z-index:1;margin:calc(30svh - var(--top)) 0 0 38vw;max-width:30ch}.night .verse p{margin-bottom:32svh}.night .verse p:last-child{margin-bottom:0}.night mark{background:var(--paper);color:var(--ink)}.night .end{background:currentColor}.after{padding-top:8svh;background:linear-gradient(var(--pink),var(--paper) 22svh)}.canvas.no-dawn{--bg: color-mix(in srgb, #050507 calc(var(--t) * 100%), #1d1c2b)}&:has(.no-dawn) .after{background:linear-gradient(#050507,var(--paper) 22svh)}.after .colophon{margin-top:0}@media(max-width:760px){.night .verse{margin-left:0}.sun{width:30vw}}}.canvas-two-languages{.canvas{position:relative;margin:0 24px;padding-top:70px}.titles{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ptitle{font-size:clamp(44px,6vw,104px)}.titles .ptitle:last-child:not(:first-child){justify-self:end;padding-right:.08em;font-style:italic;font-weight:400}.pair{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;margin-top:110px;font-size:clamp(20px,1.8vw,28px);line-height:1.38;letter-spacing:-.02em}.pair:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--ink)}.pair span{padding:0 6vw 0 0;text-align:right}.pair span[lang=fr],.pair .gap+.gap{padding:0 0 0 6vw;text-align:left;font-style:italic}.pair .gap{height:1.1em}.pair span:not(.gap){cursor:default;-webkit-tap-highlight-color:transparent}.pair span.lit{background:var(--pink)}.gull{position:absolute;left:50%;top:-90px;width:90px;transform:translate(-50%) rotate(-10deg)}@media(max-width:760px){.titles,.pair{grid-template-columns:1fr}.titles .ptitle:last-child:not(:first-child){justify-self:start}.pair:before{display:none}.pair span,.pair span[lang=fr]{padding:0;text-align:left}.pair span[lang=fr]{color:var(--grey);margin-bottom:8px}}}.canvas-cutout{.canvas{position:relative;margin:0 24px;padding-top:70px}.ptitle{font-size:clamp(48px,6.4vw,110px)}.ptitle em{display:block;margin-left:10vw}.wrap{position:relative;margin-top:80px}.pink-box{position:absolute;left:6vw;top:8vh;width:30vw;height:52vh;background:var(--pink)}.cat{position:relative;float:left;height:78vh;margin:0 2vw 0 10vw;shape-image-threshold:.3;shape-margin:22px}.wrap .verse{font-size:clamp(22px,2.2vw,36px);font-weight:450;letter-spacing:-.04em;line-height:1.2;padding-top:4vh}.wrap .verse p{margin-bottom:.9em}.wrap:after{content:"";display:block;clear:both}@media(max-width:760px){.cat{float:none;height:50vh;margin:0 auto 30px}.pink-box{width:60vw;height:30vh}}}.canvas-page{.canvas{width:min(640px,100%);margin:0 auto;padding:16svh 24px 0}.ptitle{font-size:clamp(40px,4.6vw,72px);margin-bottom:12svh}.canvas img{width:100%;margin-bottom:12svh}.canvas .verse{font-size:clamp(18px,1.35vw,21px);line-height:1.55;letter-spacing:-.01em}.canvas .verse p{margin-bottom:1.8em}@media(max-width:760px){.canvas{padding-top:10svh}.ptitle{margin-bottom:8svh}}}.canvas-quieter{--dark: #221f1c;--light: #ece6dc;--grey-end: color-mix(in srgb, var(--dark) 35%, var(--paper));.canvas{width:min(640px,100%);margin:0 auto;padding:16svh 24px 0}.ptitle{font-size:clamp(40px,4.6vw,72px);margin-bottom:12svh}.part,.blackout{border-image:var(--ground) fill 0 / 0 / 0 100vw}.part{--v: 1;display:flow-root;padding:2.5svh 0;font-size:calc(clamp(18px,1.35vw,21px) * (.8 + .2 * var(--v)));line-height:1.55;letter-spacing:-.01em}.part p{margin-bottom:1.8em}.part p:last-child{margin-bottom:0}.blackout{--ground: linear-gradient(var(--grey-end), #000 75%);height:45svh}.part.last{--ground: linear-gradient(#fff, #fff);min-height:100svh;display:flex;align-items:center;padding:0}@media(max-width:760px){.canvas{padding-top:10svh}.ptitle{margin-bottom:8svh}}}