.memoir-page{background:var(--color-washi);height:100%;color:var(--color-sumi);transition:transform var(--t-hover,.22s) var(--ease-soft), box-shadow var(--t-hover,.22s) var(--ease-soft);align-content:start;padding:12px 12px 18px;display:grid;position:relative;box-shadow:0 1px #26261f14,0 3px 8px #0b1a301a,0 18px 36px -24px #0b1a3059}@media (min-width:48rem){.memoir-page[data-tilt=l]{transform:rotate(-.6deg)}.memoir-page[data-tilt=r]{transform:rotate(.5deg)}.memoir-page:hover,.memoir-page:focus-within{transform:translateY(-3px)rotate(0);box-shadow:0 1px #26261f14,0 6px 14px #0b1a301f,0 26px 44px -26px #0b1a3066}}@media (prefers-reduced-motion:reduce){.memoir-page,.memoir-page:hover,.memoir-page:focus-within{transition:none}}.memoir-photo{position:relative;overflow:visible}.memoir-photo>.memoir-frame{background:var(--color-kinari-2);position:relative;overflow:hidden}.memoir-corner{z-index:1;pointer-events:none;filter:drop-shadow(0 1px .5px #0b1a3040);background:linear-gradient(135deg,#74283adb 0 50%,#0000 50%);width:22px;height:22px;position:absolute}.memoir-corner[data-at=tl]{top:-5px;left:-5px}.memoir-corner[data-at=tr]{top:-5px;right:-5px;transform:rotate(90deg)}.memoir-corner[data-at=br]{bottom:-5px;right:-5px;transform:rotate(180deg)}.memoir-corner[data-at=bl]{bottom:-5px;left:-5px;transform:rotate(270deg)}.memoir-letterpress{background:radial-gradient(120% 90% at 50% 40%, #ffffff8c, transparent 70%), var(--color-kinari);place-content:center;justify-items:center;gap:18px;height:100%;display:grid;position:relative;box-shadow:inset 0 0 0 1px #26261f1a}.memoir-letterpress-kanji{font-family:var(--font-jp);letter-spacing:.08em;color:var(--color-sumi);text-shadow:0 1px #ffffffb3,0 -1px #26261f2e;font-size:clamp(3.5rem,2.6rem + 3.2vw,6rem);line-height:1}.memoir-letterpress-rule{background:var(--color-old-gold);width:64px;height:1px}.memoir-letterpress-tag{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--color-stone);font-size:11px}.memoir-stamp{font-family:var(--font-serif);color:var(--color-plum);transform-origin:0;font-size:1.05rem;font-style:italic;line-height:1;display:inline-block;transform:rotate(-2deg)}.memoir-stamp:lang(ja){font-family:var(--font-jp);font-size:.95rem;font-style:normal}@media (max-width:47.99rem){.memoir-rail{margin-inline:calc(var(--gutter,16px) * -1);padding:6px var(--gutter,16px) 18px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter,16px);scrollbar-width:thin;gap:14px;display:flex;overflow-x:auto}.memoir-rail>li{scroll-snap-align:start;flex:0 0 min(82%,22rem)}}
