.cafe-page{background:var(--color-cafe-paper);color:var(--color-cafe-ink);min-height:100vh}.cafe-main-layout{grid-template-areas:"copy""visual""form"}.cafe-left{display:contents}.cafe-copy{grid-area:copy}.cafe-visual-wrap{grid-area:visual}.cafe-form-card{grid-area:form}.cafe-title{font-family:var(--font-cafe-display);letter-spacing:-.045em;font-size:clamp(4.25rem,7.8vw,8.5rem);font-weight:400;line-height:.91}.cafe-serif{font-family:var(--font-cafe-display);font-weight:400}.cafe-visual{min-height:44rem;transform:rotate(2deg)}.cafe-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000 32%,oklch(26% .04 155/.7));position:absolute;inset:0}.cafe-visual-caption{font-family:var(--font-cafe-display);text-shadow:0 2px 20px oklch(0% 0 0/.55);font-size:clamp(2.1rem,4vw,3.7rem);line-height:.96}.cafe-form-card{box-shadow:var(--shadow-cafe-card)}.cafe-session input:checked+span{border-color:var(--color-cafe-red);background:color-mix(in oklch, var(--color-cafe-red) 8%, var(--color-cafe-card));box-shadow:0 0 0 2px color-mix(in oklch, var(--color-cafe-red) 25%, transparent)}.cafe-session input:focus-visible+span{outline:3px solid var(--color-cafe-red);outline-offset:3px}@media (width<=1023px){.cafe-visual{min-height:27rem;transform:none}}@media (width>=1024px){.cafe-main-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.92fr);grid-template-areas:"copy visual""form visual"}.cafe-visual-wrap{align-self:start;position:sticky;top:1.5rem}}@media (width<=640px){.cafe-title{font-size:clamp(4.25rem,15.5vw,5.9rem)}.cafe-visual{min-height:22rem}.cafe-visual-caption{font-size:2.15rem}}