/* Venue draft, "five documents", block 01 "Ready for AI search": the venue's own web page (2 October 2026; re-fitted
   the same day for the larger kit type and every viewport).
   Desktop (1101px and up): the block is exactly one screen tall (600px floor). The turn line, then the row: the copy
   column (34fr; the title stays on one line) and the stage (64fr): the browser window fills the row's height (capped
   at about two thirds of its width, so a tall screen does not stretch it; the group then centres) and the AI answer
   checks card overlaps its bottom edge, 28px in from its right and 24px below it, clear of the back-to-top button.
   At 1524 x 718: about 72px above the turn line (50px type, one line), 24px under it; the copy column about 472px (title
   one line, copy 6 to 7 lines), the window about 890 x 521, its hero about 888 x 425; 48px under it for the card.
   1101 to 1279px the stage takes 67fr and the card is 380px wide, so Hollowfield's title keeps its corner.
   Below 1100px the parts stack: copy, the window full width, the card under it. Phones: the window is sized by its
   content (two-row browser bar, a taller hero), the stamps sit two by two over the footage's top, each with its check
   and date beneath its name.
   Everything inside the window answers to the stage's width (a container query), so the window adapts wherever it is
   shown. Kept clear: the top-right 90px (the fixed Menu pill) and the bottom 60px corners (Pause, back to top).
   The page's article typography is zero-specificity (:where), so every rule here sets what it needs (p margins and
   max-width, i hover, b weight, small colour). Starting states for the entrance are inline styles set by
   world/venue-docs-1.js on inner elements only when it plays; nothing here hides content, and nothing here moves the
   article itself (the section's shell owns that). */
.venue-page .vd-doc1{
 --dc1-mono:ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
 --dc1-bone:#f2eee6;       /* Hollowfield's page ground */
 --dc1-hf-ink:#1c2420;     /* Hollowfield's ink */
 --dc1-shade:14,19,16;     /* Hollowfield's photo shade */
 --dc1-label:rgba(248,244,235,.96);   /* the stamps' paper */
 display:flex;flex-direction:column;justify-content:center;padding-top:clamp(56px,10svh,96px);padding-bottom:48px;
}

/* The turn line's marker. The kit draws it as a thick underline; here an exact copy of that underline (same words,
   same font, so the same place) is laid behind the words on a pseudo-element, and the entrance reveals it left to
   right through --dc1-mark (0 to 1; 1 when unset, so it is whole without JavaScript). */
.venue-page .vd-doc1 .dc-turn-key{position:relative;z-index:0;text-decoration:none}
.venue-page .vd-doc1 .dc-turn-key::before{
 content:attr(data-dc1-mark);
 content:attr(data-dc1-mark) / "";
 position:absolute;left:0;top:0;z-index:-1;pointer-events:none;
 line-height:normal;white-space:nowrap;color:transparent;
 text-decoration:underline;text-decoration-color:var(--dc-gold);text-decoration-thickness:.38em;text-underline-offset:-.22em;text-decoration-skip-ink:none;
 clip-path:inset(-.6em calc((1 - var(--dc1-mark,1)) * 100%) -.6em 0);
}

/* ------------------------------------------------------------------ the row: copy column and stage */
.venue-page .vd-doc1 .dc1-row{display:grid;grid-template-columns:minmax(0,34fr) minmax(0,64fr);column-gap:2%;margin-top:clamp(20px,3.4svh,32px)}
.venue-page .vd-doc1 .dc1-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:0;padding-bottom:16px}
.venue-page .vd-doc1 .dc1-copy .dc-copy{max-width:44ch;text-wrap:pretty}
/* The block's one "Illustrative sample" note: the kit's stamp, at 13px, on two lines (label, then the sentence). */
.venue-page .vd-doc1 .dc1-note{margin:28px 0 0;max-width:none;align-items:flex-start;padding:7px 12px 8px 10px;
 font-size:13px;line-height:1.35;font-weight:500;letter-spacing:0;text-transform:none}
.venue-page .vd-doc1 .dc1-note::before{flex:none;margin-top:5px}
.venue-page .vd-doc1 .dc1-note > span{display:grid;gap:1px}
.venue-page .vd-doc1 .dc1-note b{font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.venue-page .vd-doc1 .dc1-sep{display:none}

/* The stage is the query container for everything inside it (window and card). */
.venue-page .vd-doc1 .dc1-stage{position:relative;min-width:0;min-height:0;container:dc1stage / inline-size}

@media (min-width:1101px){
 .venue-page .vd-doc1{height:100svh;min-height:600px}
 .venue-page .vd-doc1 .dc1-row{flex:1 1 0;min-height:0;max-height:min(38.5vw,740px);grid-template-rows:minmax(0,1fr)}
}

/* ------------------------------------------------------------------ the browser window */
.venue-page .vd-doc1 .dc1-window{
 position:relative;display:flex;flex-direction:column;height:100%;margin:0;
 border-radius:14px;border:1px solid rgba(30,41,34,.16);background:var(--dc-paper-2);box-shadow:var(--dc-shadow);overflow:hidden;
 font-size:13px;line-height:1.4;color:var(--dc-ink);
}
.venue-page .vd-doc1 .dc1-chrome{display:flex;align-items:center;gap:14px;flex:none;height:44px;padding:0 12px 0 16px;border-bottom:1px solid var(--dc-line)}
.venue-page .vd-doc1 .dc1-dots{display:flex;gap:7px;flex:none}
.venue-page .vd-doc1 .dc1-dots i{display:block;width:10px;height:10px;border-radius:50%;background:rgba(30,41,34,.16)}
.venue-page .vd-doc1 .dc1-tabs{display:flex;gap:4px;flex:none;min-width:0}
.venue-page .vd-doc1 .dc1-tab{
 display:inline-flex;align-items:center;gap:8px;min-width:0;height:32px;padding:0 13px 0 11px;margin:0;
 border:1px solid transparent;border-radius:9px;background:transparent;
 font:inherit;font-size:13px;font-weight:500;line-height:1;color:var(--dc-ink-3);white-space:nowrap;cursor:pointer;
 transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;
}
@media (hover:hover){.venue-page .vd-doc1 .dc1-tab:hover{color:var(--dc-ink);background:rgba(30,41,34,.05)}}
.venue-page .vd-doc1 .dc1-tab[aria-selected="true"]{color:var(--dc-ink);background:var(--dc-paper);border-color:var(--dc-line);box-shadow:0 1px 2px rgba(30,41,34,.1)}
.venue-page .vd-doc1 .dc1-tab:focus-visible{outline:2px solid var(--dc-ink);outline-offset:2px}
.venue-page .vd-doc1 .dc1-tab-l{min-width:0;overflow:hidden;text-overflow:ellipsis}
.venue-page .vd-doc1 .dc1-fav{display:block;width:15px;height:15px;flex:none}
.venue-page .vd-doc1 .dc1-address{
 display:flex;align-items:center;flex:1;min-width:0;height:32px;margin:0;max-width:none;padding:0 12px;
 border-radius:9px;border:1px solid var(--dc-line);background:rgba(246,241,230,.72);
 font-size:13px;font-weight:500;line-height:1;color:var(--dc-ink-3);white-space:nowrap;overflow:hidden;
}
.venue-page .vd-doc1 .dc1-address > span{display:inline-flex;align-items:center;gap:8px;min-width:0}
.venue-page .vd-doc1 .dc1-url{min-width:0;overflow:hidden;text-overflow:ellipsis}
.venue-page .vd-doc1 .dc1-address b{font-weight:500;color:var(--dc-ink)}
.venue-page .vd-doc1 .dc1-address svg{display:block;width:13px;height:13px;flex:none}

/* The viewport under the chrome: the two tab panels share one grid cell, so switching never moves the page; where the
   window is sized by its content (phones) the cell is as tall as the taller panel. */
.venue-page .vd-doc1 .dc1-view{position:relative;flex:1;min-height:0;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);overflow:hidden;clip-path:inset(0 round 0 0 13px 13px)}
.venue-page .vd-doc1 .dc1-view > *{grid-area:1 / 1;min-width:0;min-height:0}
.venue-page .vd-doc1 .dc1-view > .is-away{visibility:hidden}

/* ------------------------------------------------------------------ page view: Hollowfield's Garden Pavilion */
.venue-page .vd-doc1 .dc1-page{position:relative;z-index:1;isolation:isolate;display:flex;flex-direction:column;background:var(--dc1-bone)}
.venue-page .vd-doc1 .dc1-site{
 display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;height:50px;padding:0 16px 0 20px;
 background:var(--dc1-bone);color:var(--dc1-hf-ink);border-bottom:1px solid rgba(28,36,32,.14);
}
.venue-page .vd-doc1 .dc1-brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
.venue-page .vd-doc1 .dc1-brand svg{display:block;width:27px;height:27px;flex:none}
.venue-page .vd-doc1 .dc1-word{font-size:17px;line-height:1;letter-spacing:.3em;text-transform:uppercase}
.venue-page .vd-doc1 .dc1-word small{margin-left:.45em;font-family:var(--dc-serif-text);font-size:13px;letter-spacing:.24em;color:inherit;opacity:.78}
.venue-page .vd-doc1 .dc1-nav{display:flex;gap:24px;font-size:14px;line-height:1;white-space:nowrap}
.venue-page .vd-doc1 .dc1-nav .is-here{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.venue-page .vd-doc1 .dc1-site-end{display:flex;align-items:center;gap:16px;flex:none}
.venue-page .vd-doc1 .dc1-enquire{display:inline-flex;align-items:center;height:32px;padding:0 15px;background:var(--dc1-hf-ink);color:var(--dc1-bone);font-size:13.5px;line-height:1;letter-spacing:.01em}
.venue-page .vd-doc1 .dc1-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:18px;height:18px}
.venue-page .vd-doc1 .dc1-burger i{display:block;height:1.5px;border-radius:1px;background:currentColor}

.venue-page .vd-doc1 .dc1-hero{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#2a2924;color:#f6f1e7}
.venue-page .vd-doc1 .dc1-film{position:absolute;inset:0;margin:0}
.venue-page .vd-doc1 .dc1-film :is(.dc-poster,.dc-video){position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;border-radius:0}
.venue-page .vd-doc1 .dc1-film .dc-poster{transition:opacity .5s var(--dc-ease)}
.venue-page .vd-doc1 .dc1-film.has-video .dc-poster{opacity:0}
/* Hollowfield's two photo shades: under the header, and behind the title. */
.venue-page .vd-doc1 .dc1-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(180deg,rgba(var(--dc1-shade),.4),rgba(var(--dc1-shade),0) 32%),
  linear-gradient(180deg,rgba(var(--dc1-shade),0) 48%,rgba(var(--dc1-shade),.26) 67%,rgba(var(--dc1-shade),.72) 100%)}
/* Hollowfield's title and line, bottom left; at desktop it stops short of the card that overlaps the window. */
.venue-page .vd-doc1 .dc1-hero-copy{position:absolute;left:26px;bottom:24px;z-index:2;max-width:min(520px,calc(100% - 482px))}
.venue-page .vd-doc1 .dc1-hero-title{margin:0;max-width:none;font-size:clamp(32px,5.4cqw,56px);line-height:.98;letter-spacing:-.02em;color:#f6f1e7;text-shadow:0 2px 30px rgba(var(--dc1-shade),.3)}
.venue-page .vd-doc1 .dc1-hero-lede{margin:12px 0 0;max-width:21em;font-size:15.5px;line-height:1.5;color:rgba(246,241,231,.94);text-shadow:0 1px 14px rgba(var(--dc1-shade),.4);text-wrap:pretty}

/* The AI readers' stamps: ink stamps on paper labels, so they read over moving footage. The bot's name in its real
   casing leads (bold, tight); its status and date follow in small caps with a modest track. Verified: ok-green, a
   double rule, a check. The spoof: amber, dashed, a warning, and "Claims to be" over the name it borrows. Positions
   keep the footage's middle, Hollowfield's title and the card clear. */
.venue-page .vd-doc1 .dc1-stamps{position:absolute;inset:0;z-index:3;margin:0;padding:0;list-style:none;pointer-events:none}
.venue-page .vd-doc1 .dc1-s{position:absolute;margin:0;padding:0;pointer-events:auto}
/* Left: GPTBot, then ClaudeBot under it. Right: the spoof up in the corner (the tallest stamp, three lines), then
   PerplexityBot under it, high enough to stay clear of the card's top edge at every desktop size. */
.venue-page .vd-doc1 .dc1-s--1{left:24px;top:22px}
.venue-page .vd-doc1 .dc1-s--2{left:62px;top:98px}
.venue-page .vd-doc1 .dc1-s--3{right:50px;top:100px}
.venue-page .vd-doc1 .dc1-s--4{right:26px;top:20px}
.venue-page .vd-doc1 .dc1-stamp{
 display:grid;justify-items:start;row-gap:4px;margin:0;padding:8px 13px 9px 12px;
 border:2px solid currentColor;border-radius:4px;background:var(--dc1-label);
 box-shadow:inset 0 0 0 2px var(--dc1-label),inset 0 0 0 3.25px currentColor,0 6px 18px rgba(var(--dc1-shade),.28);
 font:inherit;line-height:1;text-align:left;text-transform:none;color:var(--dc-ok);cursor:pointer;-webkit-tap-highlight-color:transparent;
 transform:rotate(var(--r,0deg));
}
.venue-page .vd-doc1 .dc1-stamp-name{font-size:clamp(16px,1.9cqw,19px);line-height:1.05;font-weight:700;letter-spacing:-.012em}
.venue-page .vd-doc1 .dc1-stamp-kicker{margin-bottom:-1px;font-size:clamp(11px,1.3cqw,12.5px);line-height:1.15;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.venue-page .vd-doc1 .dc1-stamp-meta{display:block;font-size:clamp(12px,1.3cqw,12.5px);line-height:1.15;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.venue-page .vd-doc1 .dc1-stamp-ico{display:inline-block;width:1em;height:1em;margin-right:.42em;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.venue-page .vd-doc1 .dc1-stamp--spoof{color:var(--dc-warn);border-style:dashed;box-shadow:0 6px 18px rgba(var(--dc1-shade),.28)}
.venue-page .vd-doc1 .dc1-stamp--spoof .dc1-stamp-ico{stroke-width:1.5}
.venue-page .vd-doc1 .dc1-stamp:focus-visible{outline:3px solid var(--dc-gold);outline-offset:3px}
/* A stamp's note: which pages it read. Hover (where there is hover) or focus shows it, with a short bridge to keep it
   under the pointer; a press pins it (touch); Escape hides it. It opens on the stamp's inner side, over the footage. */
.venue-page .vd-doc1 .dc1-tip{
 position:absolute;top:50%;left:calc(100% + 12px);z-index:4;width:max-content;max-width:240px;padding:8px 11px;
 border-radius:8px;border:1px solid rgba(30,41,34,.12);background:var(--dc-paper);color:var(--dc-ink);box-shadow:0 10px 28px rgba(var(--dc1-shade),.3);
 font-size:13.5px;line-height:1.35;font-weight:500;letter-spacing:0;text-transform:none;white-space:normal;
 opacity:0;visibility:hidden;pointer-events:none;transform:translate(-4px,-50%);
 transition:opacity .18s,transform .18s var(--dc-ease),visibility 0s linear .18s;
}
.venue-page .vd-doc1 .dc1-tip::before{content:"";position:absolute;top:0;bottom:0;right:100%;width:14px}
.venue-page .vd-doc1 :is(.dc1-s--3,.dc1-s--4) .dc1-tip{left:auto;right:calc(100% + 12px);transform:translate(4px,-50%)}
.venue-page .vd-doc1 :is(.dc1-s--3,.dc1-s--4) .dc1-tip::before{right:auto;left:100%}
@media (hover:hover){
 .venue-page .vd-doc1 .dc1-s:hover .dc1-tip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%);transition-delay:0s}
}
.venue-page .vd-doc1 .dc1-s.is-open .dc1-tip,
.venue-page .vd-doc1 .dc1-stamp:focus-visible + .dc1-tip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%);transition-delay:0s}
.venue-page .vd-doc1 .dc1-s.is-quiet .dc1-tip{opacity:0;visibility:hidden;pointer-events:none}

/* ------------------------------------------------------------------ file view: what AI tools read */
.venue-page .vd-doc1 .dc1-file{position:relative;z-index:2;overflow:hidden;background:#fbf8f1;color:var(--dc-ink)}
.venue-page .vd-doc1 .dc1-file:focus-visible{outline:2px solid var(--dc-ink);outline-offset:-4px}
.venue-page .vd-doc1 .dc1-doc{max-width:600px;padding:28px 34px}
.venue-page .vd-doc1 .dc1-doc-title{margin:0;max-width:none;font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.venue-page .vd-doc1 .dc1-doc-meta{margin:6px 0 0;max-width:none;font-size:13px;line-height:1.35;font-weight:500;color:var(--dc-ink-3)}
.venue-page .vd-doc1 .dc1-facts{margin:18px 0 0;padding:10px 0 0;border-top:1px solid var(--dc-line);font-family:var(--dc1-mono);font-size:13px;line-height:1.5}
.venue-page .vd-doc1 .dc1-line{display:grid;grid-template-columns:136px minmax(0,1fr);column-gap:14px;padding:4px 0}
.venue-page .vd-doc1 .dc1-line dt{display:flex;align-items:center;gap:11px;margin:0;color:var(--dc-ink-3)}
.venue-page .vd-doc1 .dc1-line dd{margin:0;color:var(--dc-ink)}
.venue-page .vd-doc1 .dc1-tick{display:block;flex:none;width:5px;height:10px;margin:0 2px 3px 3px;border:solid var(--dc-ok);border-width:0 2px 2px 0;rotate:45deg}

/* ------------------------------------------------------------------ the AI answer checks card */
.venue-page .vd-doc1 .dc1-checks{position:absolute;right:28px;bottom:-24px;z-index:3;width:400px}
.venue-page .vd-doc1 .dc1-checks .dc-record{max-width:none;font-size:13px}
.venue-page .vd-doc1 .dc1-checks .dc-record i{background:none}
.venue-page .vd-doc1 .dc1-dot2{display:none}
.venue-page .vd-doc1 .dc1-when{flex-basis:100%}
.venue-page .vd-doc1 .dc1-qs{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.venue-page .vd-doc1 .dc1-qs .dc-chip{padding-left:11px}
.venue-page .vd-doc1 .dc1-q-ico{display:block;width:14px;height:14px;flex:none;opacity:.7}
/* A fixed first column (ChatGPT with its widest pill, "Mentioned", is about 177px), so Gemini never shifts on a swap. */
.venue-page .vd-doc1 .dc1-results{display:grid;grid-template-columns:182px auto;column-gap:16px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--dc-line)}
.venue-page .vd-doc1 .dc1-result{display:flex;align-items:center;gap:9px;white-space:nowrap}
.venue-page .vd-doc1 .dc1-result dt{margin:0;font-weight:600;color:var(--dc-ink)}
.venue-page .vd-doc1 .dc1-result dd{margin:0}
.venue-page .vd-doc1 .dc1-checks .dc-pill{font-size:13px}

/* ------------------------------------------------------------------ narrower desktops */
/* 1101 to 1279px: the stage widens a little and the card narrows, so Hollowfield's title keeps its corner; a stage
   under 760px moves PerplexityBot to the top's middle, clear of the card's top edge. */
@media (min-width:1101px) and (max-width:1279px){
 .venue-page .vd-doc1 .dc1-row{grid-template-columns:minmax(0,31fr) minmax(0,67fr)}
 .venue-page .vd-doc1 .dc1-checks{width:380px}
 .venue-page .vd-doc1 .dc1-hero-copy{max-width:min(520px,calc(100% - 462px))}
 @container dc1stage (max-width:759px){
  .venue-page .vd-doc1 .dc1-s--3{right:auto;left:50%;top:30px;margin-left:-87px}
  .venue-page .vd-doc1 .dc1-s--3 .dc1-tip{left:calc(100% + 12px);right:auto;transform:translate(-4px,-50%)}
  .venue-page .vd-doc1 .dc1-s--3 .dc1-tip::before{left:auto;right:100%}
 }
}

/* ------------------------------------------------------------------ stacked (1100px and down) */
@media (max-width:1100px){
 .venue-page .vd-doc1{justify-content:flex-start;padding-top:48px}
 .venue-page .vd-doc1 .dc1-row{grid-template-columns:minmax(0,1fr);row-gap:28px;margin-top:28px}
 .venue-page .vd-doc1 .dc1-copy{padding-bottom:0}
 .venue-page .vd-doc1 .dc1-copy .dc-copy{max-width:60ch}
 .venue-page .vd-doc1 .dc1-note{margin-top:20px}
 .venue-page .vd-doc1 .dc1-window{height:clamp(440px,62svh,620px)}
 .venue-page .vd-doc1 .dc1-hero-copy{max-width:min(540px,72%)}
 .venue-page .vd-doc1 .dc1-checks{position:relative;right:auto;bottom:auto;width:auto;margin-top:16px}
}
/* Tablets: the card runs the window's width, its questions on the left and the two results stacked on the right. */
@media (min-width:601px) and (max-width:1100px){
 .venue-page .vd-doc1 .dc1-checks{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;align-items:center}
 .venue-page .vd-doc1 .dc1-checks .dc-record{grid-column:1 / -1}
 .venue-page .vd-doc1 .dc1-results{grid-template-columns:auto;row-gap:12px;align-content:center;margin:0;padding:4px 0 4px 26px;border-top:0;border-left:1px solid var(--dc-line)}
 .venue-page .vd-doc1 .dc1-result{justify-content:space-between;gap:16px}
}
/* Touch screens at any width: the tabs and the questions keep a 44px target (the tabs through an invisible margin, so
   the browser bar keeps its look). */
@media (pointer:coarse){
 .venue-page .vd-doc1 .dc1-tab{position:relative}
 .venue-page .vd-doc1 .dc1-tab::after{content:"";position:absolute;inset:-6px -2px}
 .venue-page .vd-doc1 .dc1-qs .dc-chip{min-height:44px}
}
/* Phones: the window is sized by its content; the card is full width with full-width questions (44px tall). */
@media (max-width:600px){
 .venue-page .vd-doc1{padding-top:40px}
 .venue-page .vd-doc1 .dc1-row{row-gap:24px;margin-top:24px}
 .venue-page .vd-doc1 .dc1-note{font-size:14px}
 .venue-page .vd-doc1 .dc1-window{height:auto}
 .venue-page .vd-doc1 .dc1-view{flex:none}
 .venue-page .vd-doc1 .dc1-checks{margin-top:14px}
 .venue-page .vd-doc1 .dc1-checks .dc-record{font-size:14px}
 .venue-page .vd-doc1 .dc1-qs{align-items:stretch}
 .venue-page .vd-doc1 .dc1-qs .dc-chip{min-height:44px;padding:8px 14px 8px 12px;border-radius:14px;font-size:14px}
 .venue-page .vd-doc1 .dc1-results{grid-template-columns:minmax(0,1fr);row-gap:10px}
 .venue-page .vd-doc1 .dc1-result{justify-content:space-between}
 .venue-page .vd-doc1 .dc1-checks .dc-pill{min-height:28px;font-size:14px}
}

/* ------------------------------------------------------------------ the window, by its own width */
/* Hollowfield's header drops nav words as the window narrows, then shows its menu glyph; tab 1 keeps its short name. */
@container dc1stage (max-width:860px){
 .venue-page .vd-doc1 .dc1-nav span:nth-child(n+4){display:none}
}
@container dc1stage (max-width:780px){
 .venue-page .vd-doc1 .dc1-tab-x{display:none}
}
@container dc1stage (max-width:700px){
 .venue-page .vd-doc1 .dc1-nav{display:none}
 .venue-page .vd-doc1 .dc1-burger{display:flex}
}
/* Phone-width windows: a two-row browser bar (44px tabs, then the domain alone, as a phone browser shows it), a
   compact Hollowfield header, a taller hero, the stamps two by two with their check and date beneath the name, notes
   opening under the stamp, and the file's lines as one flowing key and value each. */
@container dc1stage (max-width:519px){
 .venue-page .vd-doc1 .dc1-chrome{flex-wrap:wrap;height:auto;gap:6px;padding:6px 6px 8px}
 .venue-page .vd-doc1 .dc1-dots{display:none}
 .venue-page .vd-doc1 .dc1-tabs{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);flex:1 1 100%;gap:4px}
 .venue-page .vd-doc1 .dc1-tab{justify-content:center;height:44px;padding:0 8px;gap:6px;font-size:14px}
 .venue-page .vd-doc1 .dc1-fav{width:14px;height:14px}
 .venue-page .vd-doc1 .dc1-address{flex:1 1 100%;justify-content:center;height:34px;font-size:14px}
 .venue-page .vd-doc1 .dc1-path{display:none}
 .venue-page .vd-doc1 .dc1-site{height:48px;gap:12px;padding:0 12px 0 14px}
 .venue-page .vd-doc1 .dc1-brand{gap:9px}
 .venue-page .vd-doc1 .dc1-brand svg{width:24px;height:24px}
 .venue-page .vd-doc1 .dc1-word{font-size:14px;letter-spacing:.26em}
 .venue-page .vd-doc1 .dc1-word small{display:none}
 .venue-page .vd-doc1 .dc1-site-end{gap:12px}
 .venue-page .vd-doc1 .dc1-enquire{height:30px;padding:0 12px;font-size:14px}
 .venue-page .vd-doc1 .dc1-hero{min-height:128cqw}
 .venue-page .vd-doc1 .dc1-hero-copy{left:16px;right:16px;bottom:16px;max-width:none}
 .venue-page .vd-doc1 .dc1-hero-lede{max-width:none;margin-top:10px;font-size:16px}
 .venue-page .vd-doc1 .dc1-s--1{left:10px;top:12px}
 .venue-page .vd-doc1 .dc1-s--3{right:10px;top:18px}
 .venue-page .vd-doc1 .dc1-s--2{left:14px;top:98px}
 .venue-page .vd-doc1 .dc1-s--4{right:12px;top:104px}
 .venue-page .vd-doc1 .dc1-stamp{row-gap:3px;padding:7px 11px 8px 10px}
 .venue-page .vd-doc1 .dc1-stamp-name{font-size:16px}
 .venue-page .vd-doc1 .dc1-stamp-kicker{margin-bottom:0;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}
 .venue-page .vd-doc1 .dc1-stamp-meta{display:grid;grid-template-columns:auto auto;justify-items:start;align-items:center;column-gap:5px;row-gap:1px;
  font-size:14px;letter-spacing:0;text-transform:none;white-space:normal}
 .venue-page .vd-doc1 .dc1-stamp-ico{margin:0;width:13px;height:13px;vertical-align:baseline}
 .venue-page .vd-doc1 .dc1-stamp-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .venue-page .vd-doc1 .dc1-stamp-date{grid-column:2;font-weight:500}
 .venue-page .vd-doc1 .dc1-tip,
 .venue-page .vd-doc1 :is(.dc1-s--3,.dc1-s--4) .dc1-tip{top:calc(100% + 8px);left:0;right:auto;max-width:200px;font-size:14px;transform:translateY(-4px)}
 .venue-page .vd-doc1 :is(.dc1-s--3,.dc1-s--4) .dc1-tip{left:auto;right:0}
 .venue-page .vd-doc1 .dc1-tip::before,
 .venue-page .vd-doc1 :is(.dc1-s--3,.dc1-s--4) .dc1-tip::before{top:auto;bottom:100%;left:0;right:0;width:auto;height:10px}
 .venue-page .vd-doc1 .dc1-s.is-open .dc1-tip,
 .venue-page .vd-doc1 .dc1-stamp:focus-visible + .dc1-tip{transform:none}
 @media (hover:hover){.venue-page .vd-doc1 .dc1-s:hover .dc1-tip{transform:none}}
 .venue-page .vd-doc1 .dc1-doc{padding:18px 16px 20px}
 .venue-page .vd-doc1 .dc1-doc-title{font-size:18px}
 .venue-page .vd-doc1 .dc1-doc-meta{font-size:14px}
 .venue-page .vd-doc1 .dc1-facts{margin-top:14px;font-size:14px;line-height:1.45}
 .venue-page .vd-doc1 .dc1-line{display:block;padding:4px 0}
 .venue-page .vd-doc1 .dc1-line dt{display:inline-flex;gap:9px;margin-right:9px;vertical-align:top}
 .venue-page .vd-doc1 .dc1-line dd{display:inline}
}
@container dc1stage (max-width:339px){
 .venue-page .vd-doc1 .dc1-burger{display:none}
}