/* Venue draft, "five documents", block 02 "Your team's knowledge, without the wait": Hollowfield's estate plan
   (2 October 2026; re-fitted the same day for the larger kit type and every viewport). One warm paper sheet holds the
   venue's own hand-drawn plan (the demo's EstateMap, regenerated as static SVG), our copy in the plan's cartouche, six
   question pins and one sample dashboard card at a time; the block's "Illustrative sample" stamp captions the sheet.
   The crop. The SVG draws the whole world (--dc2-w*: x -613, y 24, 1789 x 790 map units). .dc2-plan is the crop
   (--dc2-c*): the SVG is sized and offset inside it from those numbers, and each pin is placed from its spot in map
   units (--mx, --my), so a pin stays on its spot in every crop. Three crops:
     1250px and up: x -613 to 1116 (1729 x 790, 2.19:1), the plan fills the sheet and the cartouche sits over the empty
       west paddock (its width ends 20px short of the parking field, at map x 104); the venue's lockup is the SVG's own,
       bottom left, under the creek; the tally sits bottom right.
     601 to 1249px: the cartouche becomes the sheet's title block (with the venue's lockup), above a taller cut of the
       estate (x 40 to 1130; 1101 to 1249px a little wider).
     600px and down: a tall cut around the six pins (x 196 to 970, 1.05:1), the plan's lettering hidden (it would be
       7px), the card opens below the plan and the tally sits under it.
   At 1524 x 718 the sheet is 1390 x 635 (0.80 px per map unit); the cartouche is 534 x about 460 (title 3 lines, copy
   7); the caption row adds 38px under the sheet. A floor on the sheet's width keeps the cartouche clear of the
   lockup on short screens (the block then outgrows one screen rather than overlap).
   The plan's colours are classes on the SVG so they follow the section tokens: k / k2 / k3 strokes (ink, ink-2,
   ink-3), fs / fw / fp / fk fills (sage, straw, paper, ink), tc / tk / ti / t2 / td type (spaced caps, ink caps,
   italic, ink-2, the display face). Gold fills only the answered pins (and the kit's primary button).
   Hidden starting states are never set here: the entrance's are inline GSAP styles on inner elements, cleared when it
   ends. Nothing here moves the article itself (the section's shell owns that).
   Contrast: ink-3 #56625a labels on paper 6.0:1; ink-2 #34413a 11.0:1; the toast's paper on ink 15.3:1. */

.venue-page .vd-doc2{
 --dc2-gap:clamp(16px,2.6svh,42px);
 --dc2-wx:-613;--dc2-wy:24;--dc2-ww:1789;--dc2-wh:790;
 --dc2-cx:-613;--dc2-cy:24;--dc2-cw:1729;--dc2-ch:790;
 --dc2-card:beside;
 display:grid;align-content:center;justify-content:center;padding-block:var(--dc2-gap);
 /* The sheet's width: the panel's, or less on short screens so sheet and caption fit one screen; never below the width
    the cartouche needs beside the plan. */
 grid-template-columns:min(100%,max(86vw,1150px,calc((100svh - 2 * var(--dc2-gap) - 38px) * 1729 / 790)));
}
.venue-page .vd-doc2 [hidden]{display:none!important}

/* ------------------------------------------------------------------ the sheet and the crop */
.venue-page .vd-doc2 .dc2-sheet{position:relative;box-sizing:border-box;min-width:0;aspect-ratio:1729 / 790;border-radius:14px;
 background:var(--dc-paper);color:var(--dc-ink);box-shadow:var(--dc-shadow),inset 0 0 0 1px rgba(30,41,34,.05)}
.venue-page .vd-doc2 .dc2-plan{--dc2-n1:12px;--dc2-n2:17px;position:absolute;inset:0}
/* The double neatline (the demo's border), drawn here so it frames every crop at the same weight. */
.venue-page .vd-doc2 .dc2-plan::before,
.venue-page .vd-doc2 .dc2-plan::after{content:"";position:absolute;box-sizing:border-box;pointer-events:none}
.venue-page .vd-doc2 .dc2-plan::before{inset:var(--dc2-n1);border:1.25px solid rgba(30,41,34,.5)}
.venue-page .vd-doc2 .dc2-plan::after{inset:var(--dc2-n2);border:.75px solid rgba(86,98,90,.55)}
.venue-page .vd-doc2 .dc2-crop{position:absolute;inset:0;overflow:hidden;clip-path:inset(var(--dc2-n2))}

/* The plan. fill is inherited, so shapes without a fill class stay open; stroke caps and joins are round (hand drawn). */
.venue-page .vd-doc2 .dc2-map{position:absolute;display:block;max-width:none;margin:0;
 left:calc((var(--dc2-wx) - var(--dc2-cx)) / var(--dc2-cw) * 100%);top:calc((var(--dc2-wy) - var(--dc2-cy)) / var(--dc2-ch) * 100%);
 width:calc(var(--dc2-ww) / var(--dc2-cw) * 100%);height:calc(var(--dc2-wh) / var(--dc2-ch) * 100%);
 fill:none;stroke-linecap:round;stroke-linejoin:round}
.venue-page .vd-doc2 .dc2-map .k{stroke:var(--dc-ink)}
.venue-page .vd-doc2 .dc2-map .k2{stroke:var(--dc-ink-2)}
.venue-page .vd-doc2 .dc2-map .k3{stroke:var(--dc-ink-3)}
.venue-page .vd-doc2 .dc2-map .fs{fill:var(--dc-sage)}
.venue-page .vd-doc2 .dc2-map .fw{fill:var(--dc-straw)}
.venue-page .vd-doc2 .dc2-map .fp{fill:var(--dc-paper)}
.venue-page .vd-doc2 .dc2-map .fk{fill:var(--dc-ink)}

.venue-page .vd-doc2 .dc2-map .fk3{fill:var(--dc-ink-3)}
.venue-page .vd-doc2 .dc2-map text{font-family:var(--dc-serif-text);font-weight:400;fill:var(--dc-ink-3);stroke:none}
.venue-page .vd-doc2 .dc2-map .tc{letter-spacing:.16em}
.venue-page .vd-doc2 .dc2-map .tk{fill:var(--dc-ink)}
.venue-page .vd-doc2 .dc2-map .ti{font-style:italic}
.venue-page .vd-doc2 .dc2-map .t2{fill:var(--dc-ink-2)}
.venue-page .vd-doc2 .dc2-map .td{font-family:var(--dc-serif);fill:var(--dc-ink)}

/* ------------------------------------------------------------------ the cartouche */
/* At desktop: the plan's framed title box over the west paddock. Hairline double rule, opaque paper (the road and the
   field lines pass under it, as on a surveyed plan). Its right edge stops 20px short of the parking field. */
.venue-page .vd-doc2 .dc2-cartouche{position:absolute;z-index:2;left:22px;top:22px;box-sizing:border-box;
 width:calc((104 - var(--dc2-cx)) / var(--dc2-cw) * 100% - 42px);padding:24px 24px 26px;background:var(--dc-paper);border:1px solid var(--dc-ink)}
.venue-page .vd-doc2 .dc2-cartouche::before{content:"";position:absolute;inset:5px;border:1px solid rgba(30,41,34,.3);pointer-events:none}
.venue-page .vd-doc2 .dc2-cartouche .dc-copy{max-width:none;text-wrap:pretty}
/* The venue's lockup in the title block (stacked layouts only: at desktop the plan carries its own, bottom left). */
.venue-page .vd-doc2 .dc2-lockup{display:none;margin:0 0 18px;padding-bottom:16px;max-width:none;border-bottom:1px solid var(--dc-line);color:var(--dc-ink)}
.venue-page .vd-doc2 .dc2-lockup-name{display:block;font-size:20px;line-height:1.1;letter-spacing:.3em;text-transform:uppercase}
.venue-page .vd-doc2 .dc2-lockup-place{display:block;margin-top:6px;font-size:14px;line-height:1.35;font-style:italic;color:var(--dc-ink-3)}

/* ------------------------------------------------------------------ the pins */
/* The button's bottom centre (its base dot) sits on the spot; the head floats 38px above it. 44 x 58 hit area. */
.venue-page .vd-doc2 .dc2-pins{position:absolute;inset:0;z-index:3;pointer-events:none}
.venue-page .vd-doc2 .dc2-pin{position:absolute;left:calc((var(--mx) - var(--dc2-cx)) / var(--dc2-cw) * 100%);top:calc((var(--my) - var(--dc2-cy)) / var(--dc2-ch) * 100%);
 width:44px;height:58px;margin:0;padding:0;border:0;border-radius:0;background:none;
 transform:translate(-50%,calc(-100% + 3px));color:var(--dc-ink);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.venue-page .vd-doc2 .dc2-pin:focus-visible{outline:none}
.venue-page .vd-doc2 .dc2-pin[aria-expanded="true"]{z-index:2}
.venue-page .vd-doc2 .dc2-pin-drop{position:absolute;inset:0;display:block}
.venue-page .vd-doc2 .dc2-pin-stem{position:absolute;left:50%;top:30px;width:1.5px;height:24px;margin-left:-.75px;border-radius:1px;background:var(--dc-ink)}
.venue-page .vd-doc2 .dc2-pin-head{position:absolute;left:50%;top:3px;width:28px;height:28px;margin-left:-14px;box-sizing:border-box;display:grid;place-items:center;
 border-radius:50%;border:1.5px solid var(--dc-ink);background:var(--dc-paper);box-shadow:inset 0 0 0 3px var(--dc-gold),0 4px 10px rgba(30,41,34,.2);
 transition:transform .3s var(--dc-ease),box-shadow .25s}
@media (hover:hover){.venue-page .vd-doc2 .dc2-pin:hover .dc2-pin-head{transform:translateY(-2px)}}
.venue-page .vd-doc2 .dc2-pin:is([aria-expanded="true"],:focus-visible) .dc2-pin-head{box-shadow:inset 0 0 0 3px var(--dc-gold),0 0 0 3px var(--dc-paper),0 0 0 4.5px var(--dc-ink),0 6px 14px rgba(30,41,34,.22)}
.venue-page .vd-doc2 .dc2-pin-fill{position:absolute;inset:-1.5px;border-radius:50%;border:1.5px solid var(--dc-ink);background:var(--dc-gold);
 transform:scale(0);transition:transform .5s var(--dc-ease)}
.venue-page .vd-doc2 .dc2-pin.is-answered .dc2-pin-fill{transform:scale(1)}
.venue-page .vd-doc2 .dc2-pin-ico{position:relative;width:14px;height:14px;overflow:visible;fill:none;stroke:var(--dc-ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.venue-page .vd-doc2 .dc2-pin-q{transition:opacity .2s}
.venue-page .vd-doc2 .dc2-pin-ok{stroke-width:2.1;stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .35s var(--dc-ease) .18s}
.venue-page .vd-doc2 .dc2-pin.is-answered .dc2-pin-q{opacity:0}
.venue-page .vd-doc2 .dc2-pin.is-answered .dc2-pin-ok{stroke-dashoffset:0}
.venue-page .vd-doc2 .dc2-pin-base{position:absolute;left:50%;bottom:0;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--dc-ink);box-shadow:0 0 0 2px var(--dc-paper)}

/* A pin that needs input breathes a soft gold ring while motion is allowed (.is-live, set by the module); approving
   one sends a single pulse out of it and lifts the head once. */
.venue-page .vd-doc2 .dc2-pin-halo{position:absolute;inset:-1.5px;border-radius:50%;border:2px solid var(--dc-gold);box-shadow:0 0 0 1px rgba(122,90,10,.28);opacity:0;pointer-events:none}
.venue-page .vd-doc2.is-live .dc2-pin:not(.is-answered):not([aria-expanded="true"]) .dc2-pin-halo{animation:dc2-halo 3.2s var(--dc-ease) infinite}
.venue-page .vd-doc2 .dc2-pin.is-pulse .dc2-pin-halo{animation:dc2-pulse .9s var(--dc-ease) 1}
.venue-page .vd-doc2 .dc2-pin.is-pulse .dc2-pin-head{animation:dc2-pop .55s var(--dc-ease) 1}
@keyframes dc2-halo{0%{transform:scale(1);opacity:.9}70%,100%{transform:scale(2.1);opacity:0}}
@keyframes dc2-pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(2.5);opacity:0}}
@keyframes dc2-pop{0%{transform:scale(1)}35%{transform:scale(1.14)}100%{transform:scale(1)}}

/* ------------------------------------------------------------------ the sample card */
/* Beside its pin (the module places it: right of the pin, flipped left near the edge, never over the cartouche) with a
   hairline leader from the pin; below the plan on phones. Only the module ever unhides one. */
.venue-page .vd-doc2 .dc2-card{position:absolute;z-index:5;width:316px;pointer-events:auto;
 box-shadow:0 18px 44px rgba(30,41,34,.2),0 2px 6px rgba(30,41,34,.1);opacity:0;transform:translateX(var(--dc2-from,10px)) scale(.985);
 transition:opacity .28s var(--dc-ease),transform .45s var(--dc-ease)}
.venue-page .vd-doc2 .dc2-card[data-side="left"]{--dc2-from:-10px}
.venue-page .vd-doc2 .dc2-card.is-in{opacity:1;transform:none}
.venue-page .vd-doc2 .dc2-card:focus{outline:none}
.venue-page .vd-doc2 .dc2-card:focus-visible{outline:2px solid var(--dc-ink);outline-offset:3px}
.venue-page .vd-doc2 .dc2-card .dc-record{padding-right:34px}
.venue-page .vd-doc2 .dc2-card .dc-record i{background:none}
.venue-page .vd-doc2 .dc2-close{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:30px;height:30px;margin:0;padding:0;
 border:0;border-radius:8px;background:transparent;color:var(--dc-ink-3);cursor:pointer;transition:background-color .2s,color .2s}
.venue-page .vd-doc2 .dc2-close::after{content:"";position:absolute;inset:-7px}
.venue-page .vd-doc2 .dc2-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@media (hover:hover){.venue-page .vd-doc2 .dc2-close:hover{background:var(--dc-paper-2);color:var(--dc-ink)}}
.venue-page .vd-doc2 .dc2-close:focus-visible{outline:2px solid var(--dc-ink);outline-offset:1px;color:var(--dc-ink)}
.venue-page .vd-doc2 .dc2-card-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.venue-page .vd-doc2 .dc2-card-row .dc-label{color:var(--dc-ink-2)}
.venue-page .vd-doc2 .dc2-card-q{margin:0;max-width:none;font-size:17px;line-height:1.28;font-weight:600;letter-spacing:-.01em;color:var(--dc-ink);text-wrap:balance}
.venue-page .vd-doc2 .dc2-card-label{margin:14px 0 5px;max-width:none}
.venue-page .vd-doc2 .dc2-card-a{margin:0;max-width:none;font-family:var(--dc-serif-text);font-size:14.5px;line-height:1.5;color:var(--dc-ink-2)}
.venue-page .vd-doc2 .dc2-card-foot{display:flex;align-items:center;gap:12px;margin-top:12px}
.venue-page .vd-doc2 .dc2-card-foot--act{min-height:36px;margin-top:16px}
.venue-page .vd-doc2 .dc2-card-meta{margin:0;font-size:13px;line-height:1.35;font-weight:500;color:var(--dc-ink-3)}
.venue-page .vd-doc2 .dc2-card .dc-pill.is-flip{animation:dc2-flip .5s var(--dc-ease) 1}
@keyframes dc2-flip{0%{transform:scale(.86);opacity:.2}100%{transform:none;opacity:1}}

/* The dark toast, inside the card over its action row (the row keeps its height, so nothing below it moves). */
.venue-page .vd-doc2 .dc2-toast{position:absolute;left:9px;right:9px;bottom:8px;margin:0;max-width:none;display:flex;align-items:flex-start;gap:10px;padding:9px 13px 10px 11px;
 border-radius:10px;background:var(--dc-ink);color:var(--dc-paper);font-size:13.5px;line-height:1.38;font-weight:500;box-shadow:0 10px 22px rgba(30,41,34,.28);
 opacity:0;transform:translateY(12px);transition:opacity .3s var(--dc-ease),transform .5s var(--dc-ease);pointer-events:none}
.venue-page .vd-doc2 .dc2-toast.is-in{opacity:1;transform:none}
.venue-page .vd-doc2 .dc2-toast svg{flex:none;width:18px;height:18px;margin-top:.5px}
.venue-page .vd-doc2 .dc2-toast svg circle{fill:var(--dc-gold)}
.venue-page .vd-doc2 .dc2-toast svg path{fill:none;stroke:var(--dc-ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* The leader: a hairline from the open pin's head to its card. */
.venue-page .vd-doc2 .dc2-leader{position:absolute;z-index:4;height:1.25px;margin-top:-.6px;background:var(--dc-ink);pointer-events:none;opacity:0;transition:opacity .25s}
.venue-page .vd-doc2 .dc2-leader.is-in{opacity:.85}

/* ------------------------------------------------------------------ the tally and the caption */
.venue-page .vd-doc2 .dc2-tally{position:absolute;z-index:2;right:24px;bottom:22px;margin:0;max-width:none;display:flex;align-items:center;gap:12px;padding:7px 14px 7px 15px;
 border-radius:999px;border:1px solid var(--dc-line-2);background:var(--dc-paper);font-size:13.5px;line-height:1.2;font-weight:500;color:var(--dc-ink-2);font-variant-numeric:tabular-nums}
.venue-page .vd-doc2 .dc2-tally b{display:inline-block;min-width:.6em;font-weight:700;color:var(--dc-ink);text-align:center}
.venue-page .vd-doc2 .dc2-tally b.is-bump{animation:dc2-bump .5s var(--dc-ease) 1}
@keyframes dc2-bump{0%{transform:translateY(-7px);opacity:0}100%{transform:none;opacity:1}}
.venue-page .vd-doc2 .dc2-dots{display:flex;gap:5px}
.venue-page .vd-doc2 .dc2-dots i{width:10px;height:10px;box-sizing:border-box;border-radius:50%;border:1.25px solid var(--dc-ink);background:var(--dc-paper);
 box-shadow:inset 0 0 0 1.5px var(--dc-gold);transition:background-color .35s var(--dc-ease),box-shadow .35s}
.venue-page .vd-doc2 .dc2-dots i.is-on{background:var(--dc-gold);box-shadow:none}
/* The block's one stamp captions the sheet, under its left edge, in line with the cartouche. */
.venue-page .vd-doc2 .dc2-stamp{justify-self:start;margin:10px 0 0 22px;max-width:none}

/* Pause (and any time motion is off): the module sets data-dc2-still, and nothing in the block moves. Reduced motion is
   covered by the kit's own rule. */
.venue-page .vd-doc2[data-dc2-still] *,.venue-page .vd-doc2[data-dc2-still] *::before,.venue-page .vd-doc2[data-dc2-still] *::after{transition:none!important;animation:none!important}

/* Touch screens at any width: Approve keeps a 44px target. */
@media (pointer:coarse){
 .venue-page .vd-doc2 .dc2-card-foot--act{min-height:44px}
 .venue-page .vd-doc2 .dc2-card .dc-btn{min-height:44px}
}

/* ------------------------------------------------------------------ narrower desktops: a slightly denser cartouche */
@media (min-width:1250px) and (max-width:1439px){
 .venue-page .vd-doc2 .dc2-cartouche{padding:20px 20px 22px}
 .venue-page .vd-doc2 .dc2-cartouche .dc-copy{margin-top:16px;line-height:1.5}
}

/* ------------------------------------------------------------------ stacked: the cartouche becomes the title block */
@media (max-width:1249px){
 .venue-page .vd-doc2{--dc2-cx:-150;--dc2-cy:30;--dc2-cw:1280;--dc2-ch:770;grid-template-columns:minmax(0,1fr);justify-content:stretch;padding-block:48px}
 .venue-page .vd-doc2 .dc2-sheet{aspect-ratio:auto}
 .venue-page .vd-doc2 .dc2-cartouche{position:relative;z-index:auto;left:auto;top:auto;width:auto;padding:30px 32px 28px;border:0;border-bottom:1px solid var(--dc-ink);background:none}
 .venue-page .vd-doc2 .dc2-cartouche::before{inset:auto 0 3px;border:0;border-bottom:1px solid rgba(30,41,34,.3)}
 .venue-page .vd-doc2 .dc2-cartouche .dc-copy{max-width:62ch}
 .venue-page .vd-doc2 .dc2-lockup{display:block}
 .venue-page .vd-doc2 .dc2-plan{--dc2-n1:10px;--dc2-n2:14px;position:relative;inset:auto;aspect-ratio:var(--dc2-cw) / var(--dc2-ch)}
 .venue-page .vd-doc2 .dc2-tally{right:20px;bottom:18px}
 .venue-page .vd-doc2 .dc2-card{width:min(316px,calc(50% - 64px))}
 .venue-page .vd-doc2 .dc2-stamp{margin:12px 0 0}
}
@media (max-width:1100px){
 .venue-page .vd-doc2{--dc2-cx:40;--dc2-cw:1090}
}

/* ------------------------------------------------------------------ phones */
/* A tall cut around the six pins; the plan's lettering would be 7px here, so the plan reads by its shapes and the
   cards name each place. The card opens below the plan (the module reserves its room), then the tally. */
@media (max-width:600px){
 .venue-page .vd-doc2{--dc2-cx:196;--dc2-cy:30;--dc2-cw:774;--dc2-ch:740;--dc2-card:below}
 .venue-page .vd-doc2 .dc2-cartouche{padding:22px 18px 22px}
 .venue-page .vd-doc2 .dc2-lockup{margin-bottom:16px;padding-bottom:14px}
 .venue-page .vd-doc2 .dc2-lockup-name{font-size:17px;letter-spacing:.28em}
 .venue-page .vd-doc2 .dc2-cartouche .dc-copy{max-width:none}
 .venue-page .vd-doc2 .dc2-plan{--dc2-n1:8px;--dc2-n2:11px}
 .venue-page .vd-doc2 .dc2-map .dc2-words{display:none}
 .venue-page .vd-doc2 .dc2-tally{position:relative;right:auto;bottom:auto;width:max-content;margin:4px 12px 12px auto;font-size:14px}
 .venue-page .vd-doc2 .dc2-card{left:0;right:0;top:calc(100% + 12px);width:auto;transform:translateY(-6px)}
 .venue-page .vd-doc2 .dc2-card.is-in{transform:none}
 /* The notch points up at the open pin (the module sets --dc2-notch, the pin's x). */
 .venue-page .vd-doc2 .dc2-card::before{content:"";position:absolute;top:-7px;left:var(--dc2-notch,50%);width:12px;height:12px;margin-left:-6px;box-sizing:border-box;
  background:var(--dc-paper);border:1px solid rgba(30,41,34,.1);border-right:0;border-bottom:0;transform:rotate(45deg)}
 .venue-page .vd-doc2 .dc2-card .dc-record,.venue-page .vd-doc2 .dc2-card .dc-label,.venue-page .vd-doc2 .dc2-card .dc-pill,
 .venue-page .vd-doc2 .dc2-card-meta,.venue-page .vd-doc2 .dc2-toast{font-size:14px}
 .venue-page .vd-doc2 .dc2-card-a{font-size:16px}
 .venue-page .vd-doc2 .dc2-card-foot--act{min-height:44px}
 .venue-page .vd-doc2 .dc2-card .dc-btn{min-height:44px;padding:10px 18px;font-size:15px}
 .venue-page .vd-doc2 .dc2-close{top:7px;right:7px;width:34px;height:34px}
 .venue-page .vd-doc2 .dc2-stamp{font-size:14px;letter-spacing:0;text-transform:none}
}