.taste-section{flex-direction:column;gap:24px;scroll-margin-top:40px;display:flex}.taste-section h2{font:700 24px/32px var(--font-heading)}.taste-section h3{font:600 20px/28px var(--font-body)}.taste-intro,.taste-essay{flex-direction:column;gap:16px;display:flex}.taste-photography{flex-direction:column;gap:24px;margin-top:24px;display:flex}.photo-feed{--print-width:344px;--photo-gap:24px;--photo-radius:16px;width:100vw;margin-top:-12px;margin-left:calc(50% - 50vw);display:block}.photo-feed[data-photo-treatment=memories]{--photo-radius:8px}.photo-feed-viewport{scrollbar-width:none;overflow-x:auto}.photo-feed-viewport::-webkit-scrollbar{display:none}.photo-feed-track{align-items:center;gap:24px;padding:20px 24px 52px;display:flex}.photo-print{width:var(--print-width);border-radius:var(--photo-radius);cursor:zoom-in;-webkit-user-drag:none;background:0 0;border:0;flex:none;margin:0;padding:0;display:block}.photo-print:focus-visible{outline:2px solid var(--color-link);outline-offset:6px}.photo-print[data-viewer-origin]{outline:none}.photo-print[data-viewer-origin] .photo-surface{visibility:hidden}.photo-surface{opacity:var(--photo-original-opacity,1);border-radius:var(--photo-radius);background:#f2f2f2;transition:box-shadow .4s;display:block;position:relative;overflow:hidden;box-shadow:0 12px 26px #0000001f}.photo-depth{transform:scale(var(--depth-scale,1));transform-origin:50%;display:block}.photo-print img{aspect-ratio:2/3;object-fit:contain;user-select:none;pointer-events:none;width:100%;height:auto;transform:perspective(1000px) translate(var(--image-x,0px),var(--image-y,0px)) scale(var(--image-scale,1)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.2,.7,.2,1);display:block}.photo-gloss{border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff20}.photo-print.is-hovered .photo-surface{box-shadow:0 22px 42px #00000030}.photo-print.is-hovered img{transition:transform .16s cubic-bezier(.2,.7,.2,1)}.photo-print.is-hovered .photo-gloss{background:linear-gradient(var(--gloss-angle,125deg),#fff0 5%,#ffffff10 27%,#fff6 45%,#ffffff10 62%,#fff0 85%);background-position:var(--gx,50%) var(--gy,50%);opacity:.48;background-size:180% 180%}.photo-feed.is-ready .photo-feed-viewport{touch-action:pan-y pinch-zoom;cursor:grab;position:relative;overflow:clip}.photo-glitch{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.photo-glitch[hidden]{display:none}.photo-feed.is-ready .photo-feed-track{height:calc(var(--print-width) * 1.5 + 72px);padding:0;display:block;position:relative}.photo-feed.is-ready .photo-print{width:var(--card-width,var(--print-width));transform:translateX(var(--card-x,0px)) translateY(var(--card-y,0px));visibility:hidden;will-change:transform,width;cursor:grab;position:absolute;top:20px;left:0}.photo-feed.is-ready .photo-print[data-visible=true]{visibility:visible}.photo-feed.is-dragging .photo-feed-viewport,.photo-feed.is-dragging .photo-print{cursor:grabbing;user-select:none}.photo-viewer{color:#fff;background:#101010;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;position:fixed;inset:0}.photo-viewer::backdrop{background:0 0}.photo-viewer[data-transition]{background:rgb(16 16 16/var(--viewer-reveal,1))}.photo-viewer[data-transition]>img{visibility:hidden}.photo-viewer[data-transition]>header,.photo-viewer[data-transition]>footer{opacity:var(--viewer-reveal,1)}.photo-viewer-transition{pointer-events:none;z-index:1;position:fixed}.photo-viewer[open]{grid-template-rows:48px minmax(0,1fr) 48px;gap:8px;display:grid}.photo-viewer header,.photo-viewer footer{font:400 14px/20px var(--font-body);justify-content:space-between;align-items:center;gap:16px;display:flex}.photo-viewer img{object-fit:contain;width:100%;height:100%;min-height:0}.photo-viewer button{color:#fff;cursor:pointer;font:inherit;background:0 0;border:1px solid #777;border-radius:6px;padding:10px 14px}.photo-viewer button:focus-visible{outline-offset:3px;outline:2px solid #fff}.photo-viewer footer nav{gap:8px;display:flex}.photo-viewer footer p{color:#bdbdbd}@media (width<=815px){.photo-feed{--print-width:min(68vw,344px)}}@media (width<=600px){.photo-viewer{padding:16px}.photo-viewer footer p{max-width:50%;font-size:12px;line-height:18px}}@media (prefers-reduced-motion:reduce){.photo-surface,.photo-depth,.photo-print img{transition:none!important;transform:none!important}.photo-gloss{z-index:1;display:none;position:relative}}
