.genki-story{background:#fefaef;color:#191919;padding:64px clamp(36px,3.5vw,64px);overflow:clip}
.genki-story__inner{display:grid;grid-template-columns:minmax(0,420px) 360px minmax(0,420px);grid-template-rows:repeat(3,140px);gap:0 40px;align-items:center;align-content:center;justify-content:center;max-width:1280px;min-height:680px;margin:auto}
.genki-story__copy{grid-column:2;grid-row:1/4;align-self:center;text-align:center;min-width:0;position:relative;z-index:20}
.genki-story__eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px;font-weight:700}
.genki-story h2{font-family:var(--heading-font-family);font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}
.genki-story__lead{font-size:19px;line-height:1.55;font-weight:700;margin:0 0 20px;text-wrap:balance}
.genki-story__body{font:400 16px/1.7 var(--text-font-family)}
.genki-story__body p+p{margin-top:16px}
.genki-story__signoff{font-size:15px;font-weight:700;margin-top:20px}
.genki-story__photos{display:contents}
.genki-photo-slot{--slide-distance:clamp(12px,calc((100vw - 1280px)/2 - 8px),80px);position:relative;width:100%;min-width:0;align-self:center;justify-self:center}
.genki-polaroid{position:relative;justify-self:center;align-self:center;width:100%;min-width:0;background:#fffefb;border:1px solid #e8e3d9;padding:14px 14px 18px;box-shadow:0 5px 14px #30271526,0 18px 34px #30271513;margin:0;transform:translate(var(--photo-x),var(--photo-y)) rotate(var(--tilt));transition:transform .42s cubic-bezier(.2,.75,.25,1),box-shadow .3s;transform-origin:50% 55%;outline-offset:5px}
.genki-polaroid img{display:block;max-width:100%;width:100%;aspect-ratio:3/2;object-fit:cover;height:auto;pointer-events:none}
.genki-polaroid figcaption{font:700 27px/1.05 GenkiPhotoMarker,cursive;text-align:center;color:#20201e;margin-top:14px;min-height:30px;-webkit-text-stroke:.25px currentColor;letter-spacing:.01em;transform:rotate(-1deg)}
.genki-photo-slot:nth-child(1){grid-column:1;grid-row:1;--tilt:-14deg;--photo-x:-12px;--photo-y:-38px;--slide-x:calc(-1 * var(--slide-distance));z-index:8}
.genki-photo-slot:nth-child(2){grid-column:1;grid-row:2;--tilt:8deg;--photo-x:-2px;--photo-y:6px;--slide-x:calc(-1 * var(--slide-distance));z-index:3}
.genki-photo-slot:nth-child(3){grid-column:1;grid-row:3;--tilt:-9deg;--photo-x:-8px;--photo-y:42px;--slide-x:calc(-1 * var(--slide-distance));z-index:2}
.genki-photo-slot:nth-child(4){grid-column:3;grid-row:1;--tilt:12deg;--photo-x:8px;--photo-y:-30px;--slide-x:var(--slide-distance);z-index:2}
.genki-photo-slot:nth-child(5){grid-column:3;grid-row:2;--tilt:-8deg;--photo-x:2px;--photo-y:8px;--slide-x:var(--slide-distance);z-index:3}
.genki-photo-slot:nth-child(6){grid-column:3;grid-row:3;--tilt:14deg;--photo-x:12px;--photo-y:28px;--slide-x:var(--slide-distance);z-index:1}
.genki-polaroid:focus-visible{outline:2px solid #a981d0}
.genki-photo-slot:focus-within{z-index:16}
.genki-photo-slot:focus-within .genki-polaroid{transform:translate(var(--slide-x),var(--photo-y)) rotate(0deg)}
@media(hover:hover){.genki-photo-slot:hover{z-index:16}.genki-photo-slot:hover .genki-polaroid{transform:translate(var(--slide-x),var(--photo-y)) rotate(0deg);z-index:16;box-shadow:0 12px 24px #30271532,0 25px 48px #30271518}}
@media(max-width:1279px){
 .genki-story{padding-inline:24px}
 .genki-story__inner{display:block;max-width:760px;min-height:0}
 .genki-story__copy{max-width:600px;margin:auto}
 .genki-story__photos{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:48px;padding:48px 48px 64px;margin:20px -24px 0;overscroll-behavior-x:contain;scrollbar-width:thin;isolation:isolate}
 .genki-photo-slot:nth-child(n){grid-column:auto;grid-row:auto;flex:0 0 min(90vw,390px);width:min(90vw,390px);margin:0 -72px 0 0;scroll-snap-align:center;--photo-x:0px;--photo-y:0px}
 .genki-photo-slot .genki-polaroid{transform:rotate(var(--tilt));padding:14px 14px 18px}
 .genki-photo-slot:nth-child(1){--tilt:-11deg}
 .genki-photo-slot:nth-child(2){--tilt:8deg}
 .genki-photo-slot:nth-child(3){--tilt:-7deg}
 .genki-photo-slot:nth-child(4){--tilt:11deg}
 .genki-photo-slot:nth-child(5){--tilt:-9deg}
 .genki-photo-slot:nth-child(6){--tilt:7deg;margin-right:12px}
 .genki-photo-slot:focus-within .genki-polaroid{transform:translateY(-24px) rotate(0deg)}
}
@media(max-width:1279px) and (hover:hover){.genki-photo-slot:hover .genki-polaroid{transform:translateY(-24px) rotate(0deg)}}
@media(prefers-reduced-motion:reduce){.genki-polaroid{transition:none}}