.spread{position:relative;z-index:2;flex:1;width:100%;max-width:1120px;margin:0 auto;padding:clamp(1.5rem,4vh,3rem) clamp(1.6rem,4vw,3.5rem) 2rem;display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,26vw,300px);column-gap:clamp(2.5rem,6vw,5rem);align-items:start}.words{max-width:34rem}h1{font-weight:300;font-size:clamp(2.1rem,1.6rem + 2.4vw,3.2rem);line-height:1;letter-spacing:-.015em;margin-bottom:1.2rem}.dot{color:var(--pink)}.hairline{display:block;width:44px;height:2px;background:var(--pink);margin-bottom:2rem}.words p{font-weight:300;font-size:clamp(1.08rem,1rem + .4vw,1.28rem);line-height:1.68;color:var(--body-ink);margin-bottom:1.25rem;transition:color 1.4s ease}.learning{white-space:nowrap;width:calc(100% + 8rem);max-width:none}.flip-word{display:inline-block;font-style:italic;font-weight:400;color:var(--pink-text);transform-origin:center bottom;backface-visibility:hidden;border-bottom:1px dotted var(--hair);transition:border-color .2s ease}.flip-word:hover{border-color:var(--pink)}.flip-word.flip-out{animation:flipOut .26s ease-in forwards}.flip-word.flip-in{animation:flipIn .36s cubic-bezier(.22,1,.36,1) forwards}.signoff{margin-top:1.6rem}.signoff a{font-style:italic;font-size:1.08rem;text-decoration:none;border-bottom:1px solid var(--hair);padding-bottom:1px;transition:border-color .25s,color .25s}.signoff a:hover{color:var(--pink-text);border-color:var(--pink)}.kept{grid-column:1 / -1;display:flex;align-items:center;gap:clamp(1.6rem,5vw,4rem);flex-wrap:wrap;margin-top:clamp(2rem,5vh,3.5rem)}.pull{position:relative;flex:1 1 300px;max-width:30rem;padding-left:2.4rem}.pull:focus-visible{outline:2px solid var(--pink);outline-offset:6px;border-radius:4px}.pull-mark{position:absolute;left:0;top:.35em;font-family:var(--serif);font-size:2.6rem;line-height:.4;color:var(--pink);-webkit-user-select:none;user-select:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color 1.4s ease}.pull:hover .pull-mark{transform:rotate(-8deg) scale(1.12)}.pull-text{display:inline-block;font-style:italic;font-weight:300;font-size:clamp(1.25rem,1.1rem + .7vw,1.55rem);line-height:1.45;color:var(--ink);transform-origin:center bottom;backface-visibility:hidden;transition:color 1.4s ease}.pull:hover .pull-text{color:var(--pink-text)}.pull-text.flip-out{animation:flipOut .26s ease-in forwards}.pull-text.flip-in{animation:flipIn .36s cubic-bezier(.22,1,.36,1) forwards}.pull-src{display:block;margin-top:.2rem;padding:.5rem .35rem .5rem 0;margin-bottom:-.5rem;font-family:var(--sans);font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--soft);transition:color .25s}.pull-src:hover{color:var(--pink-text)}.shot{position:relative;margin:0;transform:rotate(var(--tilt, 0deg));transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.shot.flip-out{animation:flipOut .26s ease-in forwards}.shot.flip-in{animation:flipIn .36s cubic-bezier(.22,1,.36,1) forwards}.shot img{display:block;object-fit:cover;border-radius:4px;box-shadow:0 20px 46px #201a203d;border:5px solid #fff}:root[data-phase=night] .shot img{box-shadow:0 20px 46px #0000008c;border-color:#f3e8ee}.shot figcaption{position:absolute;bottom:10px;left:12px;font-family:var(--sans);font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55);opacity:0;transition:opacity .25s ease}.shot:hover figcaption,.shot:focus-within figcaption{opacity:1}@media(hover:none){.shot figcaption{opacity:1}}.shot figcaption a{color:#fff;text-decoration:none;padding:.65rem .5rem;margin:-.65rem -.5rem}.shot figcaption a:hover{text-decoration:underline}.shot.portrait.side{--tilt: -2deg;justify-self:center;align-self:start;width:min(100%,250px);margin-top:.4rem}.shot.portrait img{width:100%;aspect-ratio:4 / 4.4;filter:grayscale(1);transition:filter .7s ease}.shot.portrait:hover img{filter:none}@media(hover:none){.shot.portrait img{filter:none}}.shot.art{--tilt: 3deg;width:clamp(150px,16vw,185px)}.shot.art img{width:100%;aspect-ratio:1}.shot.food{--tilt: -3deg;width:clamp(150px,16vw,185px)}.shot.food img{width:100%;aspect-ratio:1}.shot:hover{transform:rotate(0) scale(1.03)}@media(max-width:880px){.spread{grid-template-columns:1fr;row-gap:0}.words{display:contents}.words>*{order:5;max-width:36rem}.words>h1{order:1}.words>.hairline{order:2}.words>p:first-of-type{order:3}.learning{white-space:normal;width:auto}.shot.portrait.side{order:4;justify-self:end;width:min(56%,220px);margin:.35rem 10% 1.9rem 0}.kept{order:6;justify-content:center;margin-top:3.2rem}}@media(prefers-reduced-motion:reduce){.shot,.pull-mark,.shot.portrait img{transition:none}}