.supra-explainer .wis-opening { padding-top:180px; }
.supra-explainer .backer-navy::before { background:var(--navy) url('/assets/wis-navy-wool.webp') center / cover no-repeat; }
.supra-explainer .backer-olive::before { background:var(--olive) url('/assets/host-olive-lokta.webp') center / cover no-repeat; }
.wis-opening > .wrap { display:grid; grid-template-columns:.9fr 1.1fr; gap:8%; align-items:center; }
.opening-definition { font-family:var(--font-display); font-size:clamp(25px,2.6vw,36px); line-height:1.3; }
.opening-object { margin-top:85px; }
.wis-stories { background:var(--white); }
.wis-stories > .wrap,.wis-provenance > .wrap { display:grid; grid-template-columns:1fr 1fr; gap:10%; align-items:center; }
.wis-roles h2 { max-width:11ch; }
.role-journey { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6%; margin-top:60px; align-items:start; }
.role-passage h3 { font-size:clamp(29px,3vw,43px); line-height:1.12; margin-bottom:28px; }
.role-passage h3 span { display:table; font:500 16px var(--font-body); margin-bottom:24px; padding:9px 16px; transform:rotate(-2deg); color:var(--white); background:var(--red); }
.role-guest { padding-top:75px; }
.role-guest h3 span { background:var(--olive); transform:rotate(2deg); }
.role-tamada { padding-top:150px; }
.role-tamada h3 span { background:var(--gold-light); color:var(--ink); }
.role-afterword { margin:70px 0 0 auto; max-width:630px; border-left:3px solid var(--gold); padding-left:28px; }
.wis-provenance { background:var(--navy); color:var(--white); }
.wis-provenance .text-link { --link-backer:var(--cream); --link-ink:var(--navy); }
.georgia-object { position:relative; padding-bottom:35px; }
.picnic-frame .photo-window { aspect-ratio:1.24; }
.picnic-frame .photo { height:100%; object-fit:cover; object-position:left; }
.paper-label { background:var(--cream); color:var(--navy); display:table; position:relative; margin:-15px 0 0 auto!important; padding:18px 24px; transform:rotate(2deg); box-shadow:0 7px 20px #0003; }
@media(max-width:760px) {
 .supra-explainer .wis-opening { padding-top:130px; }
 .wis-opening > .wrap,.wis-stories > .wrap,.wis-provenance > .wrap { grid-template-columns:1fr; gap:55px; }
 .opening-object { margin-top:0; }
 .role-journey { grid-template-columns:1fr; gap:44px; margin-top:42px; }
 .role-passage { padding:0; max-width:40ch; }
 .role-guest { margin-left:8%; }
 .role-tamada { margin-left:16%; }
 .role-afterword { margin-top:50px; padding-left:20px; }
 .role-passage h3 { font-size:38px; }
}
/* Fixed-size toast face with a light frame separating every tone from the photo. */
.role-afterword { padding-left:48px; }
.role-afterword .text-link { margin-left:0; padding-inline:18px; }
.role-passage h3 span { transition:transform 180ms ease,box-shadow 180ms ease; }
.paper-label { border:5px solid var(--white); outline:1px solid var(--navy); box-shadow:5px 7px 0 var(--navy),0 10px 20px #0003; clip-path:polygon(0 1%,40% 0,99% 1%,100% 98%,65% 100%,1% 99%); }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .role-passage:hover h3 span { transform:rotate(1deg) translateY(-2px); box-shadow:3px 4px 0 var(--stone); }
}
@media(prefers-reduced-motion:no-preference) {
 .role-passage:focus-within h3 span { transform:rotate(1deg) translateY(-2px); }
}
@media(max-width:760px) {
 .role-afterword { padding-left:28px; }
}
/* A short toast slip, not a control panel. */
.toast-object { position:relative; padding-bottom:80px; }
.toast-note { position:absolute; width:410px; max-width:calc(100% + 20px); height:142px; right:-20px; bottom:0; min-width:0; padding:18px 22px; border:0; outline:0; background:transparent; color:var(--ink); transform:rotate(1.2deg); box-shadow:none; filter:drop-shadow(4px 5px 0 var(--red)); display:grid; grid-template-columns:minmax(0,1fr) 108px; gap:10px; align-items:center; }
.toast-note::before { content:''; position:absolute; inset:0; background:var(--cream) url('/assets/hero-cream-matte.webp') center / cover no-repeat; clip-path:var(--paper-cut); z-index:-1; }
.toast-words > span { font-size:16px; }
.toast-note p[data-toast-theme] { font:29px/1.08 var(--font-display); height:2.2em; margin:6px 0 0!important; display:flex; align-items:center; }
.toast-note [data-next-toast] { background:transparent; color:var(--red); border:1px solid var(--red); border-radius:48% 44% 47% 43%; padding:8px; min-height:58px; font:italic 19px/1.1 var(--font-display); box-shadow:none; transform:rotate(-7deg); cursor:pointer; }
.toast-note [data-next-toast]:hover { transform:rotate(-3deg); }
.toast-note [data-next-toast]:focus-visible { outline-color:var(--navy); }
.wis-roles h2 { max-width:none; }
.role-passage h3 span { background:var(--gold-light); color:var(--ink); transition:transform 180ms ease; box-shadow:none; }
.role-passage:hover h3 span { box-shadow:none; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .role-passage:hover h3 span { transform:rotate(1deg); }
}
/* Both documentary and historic images belong to Georgia. */
.georgia-object { padding:0; }
.historic-print { width:62%; max-width:330px; margin:0 0 0 auto; padding:10px; background:var(--cream); transform:rotate(3deg); box-shadow:3px 5px 0 var(--stone); }
.historic-print .photo { height:auto; }
.georgia-object .paper-label { margin:-4px 8% -4px auto!important; z-index:2; }
.georgia-object .picnic-frame { width:96%; margin-top:0; }
.picnic-frame::before { bottom:38px; }
.georgia-caption { padding:14px 10px 0; font:19px/1.3 var(--font-display); color:var(--cream); }
@media(max-width:760px) {
 .toast-note { width:410px; max-width:100%; right:0; }
}
@media(max-width:450px) {
 .toast-note { height:136px; padding:13px 14px; grid-template-columns:minmax(0,1fr) 86px; gap:8px; }
 .toast-note p[data-toast-theme] { font-size:22px; height:3.24em; }
 .toast-words > span { font-size:14px; }
 .toast-note [data-next-toast] { font-size:14px; padding:7px 3px; min-height:52px; }
}
/* Compact printed toast: theme and celebratory action in one typographic column. */
.toast-note { width:440px; height:132px; padding:12px 22px 6px; display:block; filter:drop-shadow(0 8px 14px #0003); }
.toast-words > span,.toast-note [data-next-toast] { color:color-mix(in srgb,var(--gold) 60%,var(--ink)); }
.toast-words > span { font-size:15px; font-weight:600; letter-spacing:.045em; }
.toast-note p[data-toast-theme] { display:block; font-size:28px; line-height:1.05; height:2.1em; margin:1px 0 0!important; }
.toast-note [data-next-toast] { display:inline-block; border:0; border-radius:0; padding:0 7px; margin-left:-7px; min-height:36px; font:italic 20px/1.2 var(--font-display); transform:none; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.15em; }
.toast-note [data-next-toast]:hover { transform:rotate(-2deg); text-decoration-thickness:2px; }
.toast-note [data-next-toast][hidden] { display:none; }
.toast-green { color:var(--olive); }
.toast-red { color:var(--red); }
.toast-blue { color:var(--navy); }
.toast-neutral { color:color-mix(in srgb,var(--gold) 60%,var(--ink)); }
.role-passage h3 span { font-size:20px; padding:12px 22px; background:var(--red); color:var(--white); transform:rotate(-2deg); }
.role-guest h3 span { background:var(--olive); transform:rotate(2deg); }
.role-tamada h3 span { background:var(--gold-light); color:var(--ink); transform:rotate(-1.5deg); }
@media(prefers-reduced-motion:no-preference) {
 .role-passage:is(:hover,:focus-within) h3 span { transform:rotate(-3.5deg) translateY(-2px); }
 .role-guest:is(:hover,:focus-within) h3 span { transform:rotate(3.5deg) translateY(-2px); }
 .role-tamada:is(:hover,:focus-within) h3 span { transform:rotate(-3deg) translateY(-2px); }
}
/* Two Georgian paper photographs, with the visitor's story alongside. */
.wis-provenance .interior-prose { grid-column:1; grid-row:1; }
.wis-provenance .georgia-object { grid-column:2; grid-row:1; }
.historic-print { width:92%; max-width:none; background:var(--stone) url("/assets/georgia-ash-canvas.webp") center / cover; padding:13px; transform:rotate(4deg); margin-right:4%; box-shadow:2px 4px 0 var(--stone); clip-path:var(--paper-cut); }
.georgia-object .paper-label { font-size:23px; padding:14px 20px; border:0; outline:0; box-shadow:2px 3px 0 var(--stone); max-width:90%; margin:-6px 0 12px auto!important; transform:rotate(-2deg); }
.georgia-object .picnic-frame { width:96%; padding:12px; background:var(--stone) url("/assets/georgia-ash-canvas.webp") center / cover; transform:rotate(2deg); }
.picnic-frame::before { display:none; }
.picnic-frame .photo-window { display:block; aspect-ratio:1.5; clip-path:none; box-shadow:none; }
.picnic-frame .photo { height:100%; object-fit:cover; object-position:left; }
.georgia-caption { position:absolute; left:6%; right:6%; bottom:7%; width:fit-content; max-width:88%; padding:8px 12px; background:var(--cream) url("/assets/role-note-cream-paper.webp") center / cover; color:var(--ink); font:italic 18px/1.35 var(--font-display); box-shadow:0 2px 6px #0002; pointer-events:none; }
.field-site-link:focus-visible { outline:3px solid var(--red); outline-offset:4px; }
@media(max-width:760px) {
 .wis-provenance .interior-prose,.wis-provenance .georgia-object { grid-column:1; grid-row:auto; }
 .wis-provenance .interior-prose { order:-1; }
 .toast-note { max-width:100%; right:0; }
}
@media(max-width:450px) {
 .toast-note { height:142px; padding:10px 15px 5px; }
 .toast-note p[data-toast-theme] { font-size:22px; height:3.15em; }
 .toast-words > span { font-size:14px; }
 .toast-note [data-next-toast] { font-size:19px; }
 .georgia-caption { font-size:16px; }
}
/* Keep the documented right-edge obstruction outside the reversible display crop. */
.picnic-frame .photo { width:110%; max-width:none; }
/* Keep the three lines together for short themes as well as long ones. */
.toast-note { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:0; }
.toast-note p[data-toast-theme] { height:auto; }
/* Whole-card native control; the paper and all lettering are its hit area. */
.toast-note { width:350px; height:144px; max-width:100%; right:0; padding:14px 20px; display:flex; justify-content:center; transition:transform 180ms ease; }
.toast-note p[data-toast-theme] { font:800 25px/1.12 var(--font-display); letter-spacing:-.025em; margin:5px 0!important; white-space:pre-line; }
.toast-words > span { font-size:14px; font-weight:650; }
.toast-words .toast-cheer { display:block; font:600 16px/1.2 var(--font-display); color:color-mix(in srgb,var(--gold) 60%,var(--ink)); }
.toast-neutral { color:color-mix(in srgb,var(--ink) 78%,var(--stone)); }
.toast-note .toast-advance { display:block; position:absolute; inset:0; width:100%; height:100%; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; transform:none; cursor:pointer; }
.toast-note .toast-advance:hover { transform:none; }
.toast-note .toast-advance:focus-visible { outline:3px solid var(--navy); outline-offset:6px; }
.toast-note .toast-advance[hidden] { display:none; }
@media(prefers-reduced-motion:no-preference) { .toast-note:has(.toast-advance:not([hidden])):is(:hover,:focus-within) { transform:rotate(-.5deg) translateY(-2px); } }
.georgia-object .paper-label { background:var(--gold-light); color:var(--ink); box-shadow:3px 4px 0 var(--olive); }
@media(max-width:450px) { .toast-note { height:148px; padding:12px 16px; } .toast-note p[data-toast-theme] { font-size:21px; } }

/* Owner-authorized generous closing; the artwork fills its column. */
/* These short, descender-free lines need a slightly tighter optical rhythm. */
.wis-invitation .closing-art-title { line-height:1; }
.wis-invitation .closing-art .closing-art-title > img.closing-art-hand { right:.12em; }
@media(max-width:1000px) {
 .wis-invitation > .wrap { grid-template-columns:1fr; gap:36px; }
 .wis-invitation .closing-response { max-width:38ch; }
}

/* Georgia: two tables in conversation, using the owner's supplied materials. */
.wis-provenance > .wrap { grid-template-columns:.85fr 1.15fr; gap:5%; }
.wis-provenance .georgia-object { padding:18px 12px 22px; min-width:0; container-type:inline-size; }
.wis-provenance .historic-print { width:96%; margin:0 0 0 1%; padding:12px; background:var(--ink) url('/assets/georgia-ink-canvas.webp') center / cover; transform:rotate(-3deg); box-shadow:0 8px 18px #0003; }
.georgia-object .paper-label { width:fit-content; max-width:92%; margin:-4px 2% -3px auto!important; padding:10px 18px; font-size:clamp(17px,3.7cqw,27px); line-height:1.2; background:var(--cream) url('/assets/georgia-cream-matte.webp') center / cover; box-shadow:0 3px 8px #0003; transform:rotate(-2deg); }
.georgia-object .picnic-frame { width:98%; margin:0; padding:12px; background:var(--ink) url('/assets/georgia-ink-canvas.webp') center / cover; transform:rotate(2deg); box-shadow:0 8px 18px #0003; }
.georgia-object .picnic-frame::before { display:none; }
.picnic-frame .photo-window { aspect-ratio:1.5; }
.georgia-object .georgia-caption { left:5%; right:auto; bottom:6%; max-width:90%; padding:7px 11px; background:var(--white) url('/assets/georgia-white-lokta.webp') center / cover; font:400 clamp(12px,2.6cqw,19px)/1.3 var(--font-display); clip-path:var(--paper-cut); }
@media(max-width:1000px) {
 .wis-provenance > .wrap { grid-template-columns:1fr; gap:42px; }
 .wis-provenance .interior-prose,.wis-provenance .georgia-object { grid-column:1; grid-row:auto; }
 .wis-provenance .interior-prose { order:-1; max-width:60ch; }
 .wis-provenance .georgia-object { width:100%; max-width:720px; margin-inline:auto; }
}
@media(max-width:520px) {
 .wis-provenance .georgia-object { padding:8px 5px 16px; }
 .wis-provenance .historic-print { padding:7px; transform:rotate(-1.5deg); }
 .georgia-object .paper-label { max-width:96%; padding:8px 10px; font-size:clamp(15px,4.5cqw,20px); margin:2px auto 12px!important; transform:rotate(-1deg); text-align:center; }
 .georgia-object .picnic-frame { padding:7px; transform:rotate(1deg); }
 .georgia-object .picnic-frame::before { inset:5px -6px -9px 4px; transform:rotate(-2deg); }
 .georgia-object .georgia-caption { left:4%; bottom:5%; max-width:92%; padding:5px 7px; font-size:clamp(12px,3.4cqw,15px); line-height:1.2; }
}

/* Match the selected desktop collage's scale, opposing angles and seam overlap. */
@media(min-width:1001px) {
 .wis-provenance { padding-block:42px!important; }
 .wis-provenance > .wrap { width:calc(100% - 120px); max-width:1440px; grid-template-columns:40% 57%; gap:3%; }
 .wis-provenance .georgia-object { padding:24px 12px 28px; }
 .wis-provenance .historic-print { width:94%; margin:0 0 0 0; padding:clamp(12px,1.25vw,19px); transform:rotate(-5deg); }
 .georgia-object .paper-label { max-width:82%; margin:-7px 13% -2px auto!important; padding:1.6cqw 3.6cqw; font-size:clamp(14px,3.9cqw,30px); transform:rotate(-3deg); }
 .georgia-object .picnic-frame { width:100%; padding:clamp(12px,1.25vw,19px); transform:rotate(3deg); }
 .georgia-object .georgia-caption { left:8%; bottom:12%; max-width:83%; padding:9px 19px; font-size:clamp(14px,2.7cqw,21px); }
}

/* Keep the desktop collage within one screen while preserving image proportions. */
@media(min-width:1001px) {
 .wis-provenance { min-height:100svh; padding-block:32px!important; display:flex; align-items:center; }
 .wis-provenance .georgia-object { width:min(100%,calc((100svh - 150px) / 1.32)); justify-self:center; }
 .georgia-object .georgia-caption { left:5%; bottom:6%; padding:6px 10px; font-size:clamp(12px,2.2cqw,17px); }
}
/* Favor the people and table over the empty foreground in the source photo. */
.georgia-object .picnic-frame .photo { object-position:left top; }
.georgia-object .picnic-frame { padding:9px; }
@media(min-width:1001px) {
 .georgia-object .picnic-frame { padding:clamp(9px,.85vw,13px); }
}
@media(max-width:520px) {
 .georgia-object .picnic-frame { padding:5px; }
}