.up{padding:12rem 0 8rem}.up-head{align-items:center}.up-head-words{grid-column:1 / span 9}.up-head-olo{grid-column:10 / span 3;justify-self:end}.up-place{display:inline-flex;align-items:center;gap:.7rem;font-size:1.2rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cream-2)}.up-place:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:currentColor}.up-mac:before{background:var(--sky)}.up-iphone:before{background:var(--lilac)}.up-website:before{background:var(--teal)}.up-next{margin-top:8rem}.up-next-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);align-items:baseline}.up-next-head h2{grid-column:1 / span 5;font-size:var(--h3);line-height:1.1}.up-next-head p{grid-column:7 / span 6;color:var(--grey-1);font-size:1.55rem;line-height:1.45}.up-next-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--col-gap);row-gap:3.6rem;margin-top:3rem}.up-next-item{border-top:1px solid var(--line);padding:1.8rem 0 0}.up-next-item h3{font-size:2.6rem;line-height:1.12;margin-top:1.4rem}.up-next-item p{font-size:1.5rem;color:var(--grey-1);line-height:1.45;margin-top:.8rem;max-width:34rem}.up-filter{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:9rem;padding-bottom:3rem;border-bottom:1px solid var(--line)}.up-filter button{display:inline-flex;align-items:center;gap:.9rem;height:4rem;padding:0 1.6rem;border-radius:2rem;border:1px solid var(--line);background:none;color:var(--cream-2);font:inherit;font-size:1.5rem;font-weight:500;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.up-filter button span{font-size:1.25rem;color:var(--grey-2);font-variant-numeric:tabular-nums}.up-filter button:hover{border-color:var(--cream-2)}.up-filter button[aria-pressed=true]{background:var(--cream);border-color:var(--cream);color:var(--black)}.up-filter button[aria-pressed=true] span{color:#55534e}.up-filter button:focus-visible{outline:2px solid var(--wake);outline-offset:2px}.up-days{position:relative;--date-w: calc((100% - 11 * var(--col-gap)) / 12 * 3 + 2 * var(--col-gap))}.up-line{position:absolute;top:0;bottom:0;left:calc(var(--date-w) + var(--col-gap) / 2);width:1px;background:var(--hair)}.up-line b{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cream-2);transform:scaleY(0);transform-origin:top}.up-day{position:relative;padding:6rem 0}.up-day+.up-day{border-top:0}.up-date{grid-column:1 / span 3}.up-date time{position:sticky;top:9rem;display:block}.up-date span{display:block;font-size:var(--h3);line-height:1}.up-date small{display:block;font-size:1.35rem;color:var(--grey-2);margin-top:.9rem}.up-date:after{content:"";position:absolute;top:7.4rem;left:calc(var(--date-w) + var(--col-gap) / 2 - .4rem);width:.9rem;height:.9rem;border-radius:50%;background:var(--cream);box-shadow:0 0 0 .5rem var(--black)}.up-day-entries{grid-column:4 / span 9;padding-left:var(--col-gap);display:grid;gap:7rem;min-width:0}.up-day .up-entry{opacity:0;transform:translateY(1.8rem);transition:opacity .7s var(--ease),transform .9s var(--ease)}.up-day.seen .up-entry{opacity:1;transform:none}.up-places{display:flex;flex-wrap:wrap;gap:1.6rem}.up-entry h3{font-size:var(--h2);line-height:1.05;margin-top:1.4rem}.up-entry>p{font-size:1.75rem;color:var(--cream-2);line-height:1.45;margin-top:1.6rem;max-width:70rem}.up-entry>.up-nothing{font-size:1.5rem;color:var(--grey-2)}.up-shots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3.2rem var(--col-gap);margin-top:3.6rem}.up-shot{margin:0;min-width:0}.up-shot-full{grid-column:span 12}.up-shot-half{grid-column:span 6}.up-shot-phone{grid-column:span 4}.up-shot figcaption{font-size:1.35rem;color:var(--grey-2);line-height:1.4;margin-top:1.1rem}.up-shot img{display:block;width:100%;height:auto}.up-shot-open{display:block;width:100%;padding:0;background:var(--card);border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;cursor:zoom-in;transition:border-color .25s var(--ease),transform .5s var(--ease)}.up-shot-open:hover{border-color:var(--cream-2);transform:translateY(-.3rem)}.up-shot-open:focus-visible{outline:2px solid var(--wake);outline-offset:3px}.up-shot-phone .up-shot-open{border-radius:2.6rem}.up-compare{position:relative;border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;background:var(--card);touch-action:pan-y}.up-compare-before{position:absolute;top:0;right:0;bottom:0;left:0;height:100%!important;object-fit:cover;object-position:top;clip-path:inset(0 calc(100% - var(--x)) 0 0)}.up-compare-line{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--cream);pointer-events:none}.up-compare-line b{position:absolute;top:50%;left:50%;width:4.4rem;height:4.4rem;margin:-2.2rem 0 0 -2.2rem;border-radius:50%;background:var(--cream);box-shadow:0 .4rem 1.8rem #00000073}.up-compare-line b:before{content:"‹ ›";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--black);font-size:1.8rem;font-weight:600;letter-spacing:.1em}.up-compare-tag{position:absolute;bottom:1.4rem;padding:.5rem 1.1rem;border-radius:1.4rem;background:#050505b8;color:var(--cream);font-size:1.25rem;font-weight:600;pointer-events:none}.up-compare-tag-before{left:1.4rem}.up-compare-tag-after{right:1.4rem}.up-compare input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.up-compare:has(input:focus-visible){outline:2px solid var(--wake);outline-offset:3px}.up-big{width:min(96vw,1800px);max-width:none;max-height:94vh;padding:0;background:var(--black);border:1px solid var(--line);border-radius:1.2rem;overflow:auto}.up-big::backdrop{background:#000000d1}.up-big img{display:block;width:100%;height:auto}.up-big-close{position:sticky;bottom:1.4rem;display:block;margin:-5.4rem 1.4rem 1.4rem auto;height:4rem;padding:0 1.8rem;border:0;border-radius:2rem;background:var(--cream);color:var(--black);font:inherit;font-size:1.5rem;font-weight:600;cursor:pointer}.up-empty{padding:6rem 0;font-size:1.8rem;color:var(--grey-1)}.up-start{margin-top:2rem;padding-top:2.4rem;border-top:1px solid var(--line);font-size:1.45rem;color:var(--grey-2);line-height:1.45}html.away .up-compare,html.away .up-shot-open{transition:none}@media(prefers-reduced-motion:reduce){.up-day .up-entry{opacity:1;transform:none;transition:none}.up-shot-open{transition:none}}@media(max-width:820px){.up{padding:8rem 0 5rem}.up-head-words{grid-column:1 / -1}.up-head-olo{display:none}.up-next{margin-top:5rem}.up-next-head{display:block}.up-next-head p{margin-top:1rem}.up-next-list{grid-template-columns:1fr;row-gap:2.4rem;margin-top:2.4rem}.up-filter{margin-top:5.6rem;padding-bottom:2rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}.up-filter button{flex:none}.up-line{display:none}.up-date:after{display:none}.up-day{display:block;padding:3.6rem 0}.up-date time{position:static}.up-day-entries{padding-left:0;margin-top:2.4rem;gap:5rem}.up-entry>p{font-size:1.65rem}.up-shots{gap:2.4rem 1.2rem;margin-top:2.6rem}.up-shot-half{grid-column:span 12}.up-shot-phone{grid-column:span 6}.up-shot-phone:last-child:nth-child(2n){grid-column:span 6}.up-compare-line b{width:3.8rem;height:3.8rem;margin:-1.9rem 0 0 -1.9rem}}
