/* venn homepage ending, 11 Nov 2026 ("venn Join Us For Dinner" canvas: C on computers and iPads, A on phones).
   "join us for dinner" carries four buttons and the address. Loaded by / and /pt/ after home-2026.css.
   768 and up: the address on a paper box at the lower left of the street photo
   (inside the photo from 1280, hanging from its lower edge 768 to 1279).
   767 and under: the address in three parts under the photo. The four links: see the block dated 11 Nov, evening. */
/* 11 Nov, evening (pick 3 of the "venn Join Us Actions" canvas): no bar of four. The heading sits at the left on two lines and the
   four links are a list at the right, on the same two columns as the photos under them. Phones: the heading, then four rows. */
.hc4 .c28c-top{display:grid;grid-template-columns:minmax(0,25fr) minmax(0,16fr);gap:10px;align-items:start;justify-items:stretch;text-align:left;border-top:1px solid var(--ink);padding-top:18px}
.hc4 .c28c-top .n2-h{font-size:clamp(76px,7.5vw,108px);line-height:.94;text-wrap:wrap}
.hc4 .hc4-l{display:block}
.hc4 .hc4-acts{display:flex;flex-direction:column;min-width:0}
.hc4 .hc4-acts .n2-btn{justify-content:space-between;gap:12px;min-width:0;min-height:52px;padding:0 16px;border:0;border-radius:0;font-size:19px;line-height:24px;letter-spacing:-.01em;text-align:left}
.hc4 .hc4-acts .n2-btn.o{border-bottom:1px solid var(--soft)}
.hc4 .hc4-acts .n2-btn.o:last-child{border-bottom:0}
.hc4 .hc4-acts .n2-btn svg{flex:none;display:block;width:18px;height:18px}
/* pointing at a row (11 Nov, night; idea 6 of the "venn Join Us Hover" page): the other rows fade, the words step aside and the arrow
   turns inside a disc, ink on the paper rows and saffron on the ink row. no row changes its fill: the site's sweep
   (venn-header-system.css) is switched off for these four. keyboard focus looks the same. touch screens: the same while a row is
   pressed, quicker. reduced motion: the fade and the disc, nothing slides or turns. */
:root body.v26-home .hc4 .hc4-acts .n2-btn{--vhc:#FCFBF8;--vbg:#151A16;padding-right:9px;background-size:0 0!important;transition:opacity .3s ease!important;-webkit-tap-highlight-color:transparent}
:root body.v26-home .hc4 .hc4-acts .n2-btn.o{--vhc:#151A16;--vbg:transparent}
.hc4 .hc4-lab{display:block;min-width:0;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.hc4 .hc4-disc{position:relative;flex:none;display:grid;place-items:center;width:34px;height:34px}
.hc4 .hc4-disc::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.hc4 .hc4-acts .n2-btn:first-child .hc4-disc::before{background:#F5C542}
.hc4 .hc4-acts .n2-btn .hc4-disc svg{position:relative;transition:transform .45s cubic-bezier(.2,.7,.2,1),color .2s ease}
@media (hover:hover){
 .hc4 .hc4-acts:hover .n2-btn:not(:hover){opacity:.34}
 .hc4 .hc4-acts .n2-btn:hover .hc4-lab{transform:translateX(10px)}
 .hc4 .hc4-acts .n2-btn:hover .hc4-disc::before{transform:scale(1)}
 .hc4 .hc4-acts .n2-btn:hover .hc4-disc svg{color:var(--ground);transform:rotate(-45deg)}
 .hc4 .hc4-acts .n2-btn:first-child:hover .hc4-disc svg{color:var(--ink)}
}
.hc4 .hc4-acts:has(.n2-btn:focus-visible) .n2-btn:not(:focus-visible){opacity:.34}
.hc4 .hc4-acts .n2-btn:focus-visible .hc4-lab{transform:translateX(10px)}
.hc4 .hc4-acts .n2-btn:focus-visible .hc4-disc::before{transform:scale(1)}
.hc4 .hc4-acts .n2-btn:focus-visible .hc4-disc svg{color:var(--ground);transform:rotate(-45deg)}
.hc4 .hc4-acts .n2-btn:first-child:focus-visible .hc4-disc svg{color:var(--ink)}
@media (hover:none){
 :root body.v26-home .hc4 .hc4-acts .n2-btn{transition-duration:.12s!important}
 .hc4 .hc4-lab,.hc4 .hc4-disc::before,.hc4 .hc4-acts .n2-btn .hc4-disc svg{transition-duration:.16s}
 .hc4 .hc4-acts:has(.n2-btn:active) .n2-btn:not(:active){opacity:.34}
 .hc4 .hc4-acts .n2-btn:active .hc4-lab{transform:translateX(10px)}
 .hc4 .hc4-acts .n2-btn:active .hc4-disc::before{transform:scale(1)}
 .hc4 .hc4-acts .n2-btn:active .hc4-disc svg{color:var(--ground);transform:rotate(-45deg)}
 .hc4 .hc4-acts .n2-btn:first-child:active .hc4-disc svg{color:var(--ink)}
}
@media (prefers-reduced-motion:reduce){
 .hc4 .hc4-lab,.hc4 .hc4-disc::before,.hc4 .hc4-acts .n2-btn .hc4-disc svg{transition:none}
 .hc4 .hc4-acts .n2-btn .hc4-lab{transform:none!important}
 .hc4 .hc4-acts .n2-btn:hover .hc4-disc svg,.hc4 .hc4-acts .n2-btn:focus-visible .hc4-disc svg,.hc4 .hc4-acts .n2-btn:active .hc4-disc svg{transform:none}
}
.hc4 .hc4-acts .n2-btn:focus-visible{outline-offset:-5px}
@media (max-width:1023px){
 .hc4 .c28c-top .n2-h{font-size:clamp(58px,9.5vw,78px);line-height:.96}
 .hc4 .hc4-acts .n2-btn{min-height:46px;font-size:17px}
}

/* the photos keep their places; the address shares the grid */
.hc4 .c32-ph>.c29-img{grid-column:1;grid-row:1}
.hc4 .c32-ph>.c32-four{grid-column:2;grid-row:1}
.hc4 .hc4-addr{grid-column:1;grid-row:2;justify-self:start;position:relative;z-index:1;box-sizing:border-box;max-width:100%;
 margin:-54px 0 0;padding:22px 28px 0 0;background:var(--ground);display:flex;flex-direction:column;gap:8px;
 font-size:16px;line-height:24px;letter-spacing:0;font-weight:400}
.hc4 .hc4-addr p{margin:0;padding:0}
.hc4 .hc4-addr a{color:inherit;text-decoration:none}
.hc4 .hc4-p{display:contents}
.hc4 .hc4-b{order:2}
.hc4 .hc4-p:first-child .hc4-b{order:1;font-weight:700;font-size:26px;line-height:1.12;letter-spacing:-.025em}
.hc4 .hc4-ct{display:block}
.hc4 .hc4-go{order:4;font-size:15px;line-height:22px;font-weight:500}
.hc4 .hc4-pc,.hc4 .hc4-days{display:none}
.hc4 .hc4-w{display:flex;flex-direction:column;order:3;margin-top:-8px}
.hc4 .hc4-w .hc4-b{order:0}
.hc4 .hc4-w a{display:inline-block;padding-block:4px;margin-block:-4px}
.hc4 .hc4-addr a.hc4-dir{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;display:inline-block;padding-block:11px;margin-block:-11px}
.hc4 .hc4-dir svg{display:inline-block;width:14px;height:14px;margin-left:6px;vertical-align:-2px}

@media (min-width:1280px){
 .hc4 .hc4-addr{grid-row:1;align-self:end;margin-top:0;padding:22px 34px 0 0;white-space:nowrap}
 .hc4 .hc4-p:first-child .hc4-b{font-size:27px}
 .hc4 .hc4-ct{display:inline}
 .hc4 .hc4-w{flex-direction:row}
 .hc4 .hc4-w .hc4-s::before{content:"\00B7";padding:0 9px}
}

@media (max-width:767px){
 .hc4 .c28c-top{display:block;padding-top:16px}
 .hc4 .c28c-top .n2-h{font-size:40px;line-height:1.02;text-wrap:balance}
 .hc4 .hc4-l{display:inline}
 .hc4 .hc4-acts{margin-top:20px}
 .hc4 .hc4-acts .n2-btn{min-height:52px;font-size:17px}
 .hc4 .hc4-addr{width:100%;margin:22px 0 0;padding:0;background:none;display:block}
 .hc4 .hc4-p,.hc4 .hc4-w{display:block;margin:0;padding:14px 0;border-top:1px solid var(--soft)}
 .hc4 .hc4-p:first-child{border-top-color:var(--ink)}
 .hc4 .hc4-w{padding-bottom:0}
 .hc4 .hc4-b,.hc4 .hc4-p:first-child .hc4-b{font-weight:700;font-size:min(22px,5.6vw);line-height:1.22;letter-spacing:-.02em}
 .hc4 .hc4-s,.hc4 .hc4-go{display:block;margin-top:4px;font-size:15px;line-height:22px;font-weight:400;color:var(--muted)}
 .hc4 .hc4-pc{display:inline}
 .hc4 .hc4-days{display:block}
 .hc4 .hc4-city{display:none}
 .hc4 .hc4-addr a.hc4-dir{color:var(--ink)}
 .hc4 .hc4-dir svg{display:none}
}