/* V268: mobile v9 paper, moth, typography and contact layout on desktop. */
@font-face{font-family:PinuutBrush;src:url('assets/dialogs-v254/KaushanScript-Regular.ttf') format('truetype');font-display:swap}
.pinuut-dialog{--dialog-accent:#a92320;color:#18130e;padding:0;border:0;background:transparent;margin:auto;max-width:none;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;box-shadow:none}
.pinuut-dialog#info{width:min(520px,calc(100vw - 24px))}
.pinuut-dialog#lightbox{width:min(680px,calc(100vw - 24px))}
.pinuut-dialog::backdrop{background:#050403b8;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.pinuut-dialog[open]{animation:paper-appear .18s ease-out}
@keyframes paper-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pinuut-dialog .contact-paper,.pinuut-dialog .gallery-shell{position:relative;background:#dcc399;background-image:linear-gradient(#dfc59b55,#d3b58377),url('mobile/assets/paper-grain.png');background-size:auto,220px 150px;padding:9px;clip-path:polygon(1% .4%,9% 0,18% .5%,29% 0,43% .4%,57% 0,73% .5%,89% 0,99% .5%,100% 11%,99.2% 26%,100% 44%,99.3% 63%,100% 83%,99% 99.4%,86% 100%,73% 99.5%,61% 100%,46% 99.4%,30% 100%,14% 99.5%,1% 100%,0 86%,.8% 66%,0 45%,.7% 24%,0 8%)}
.pinuut-dialog .contact-heading,.pinuut-dialog .gallery-heading{position:relative;background:#080808;color:#eedbbb;padding:30px 20px 20px}
.pinuut-dialog .contact-heading{min-height:190px;overflow:hidden}
.pinuut-dialog .eyebrow{font:10px/1.5 Georgia,serif;letter-spacing:1.3px;margin:0 50px 15px 0}
.pinuut-dialog .contact-heading .eyebrow{max-width:62%}
.pinuut-dialog h2{position:relative;margin:0;font:45px/1.2 PinuutBrush,cursive;font-weight:normal;color:#eedbbb}
.pinuut-dialog .contact-heading h2{max-width:95%}
.pinuut-dialog h2:after{content:'';display:block;background:var(--dialog-accent);width:72%;height:5px;margin-top:10px;transform:rotate(-4deg);clip-path:polygon(0 40%,100% 0,94% 70%,4% 100%)}
.pinuut-dialog .contact-moth{position:absolute;right:52px;top:12px;width:78px;opacity:.95}
.pinuut-dialog .close{position:absolute;right:0;top:0;z-index:5;display:grid;place-items:center;width:48px;height:48px;border:0;background:#08080880;color:#f3dfb9;font:42px/1 Georgia,serif;padding:0;cursor:pointer;transition:color .18s}
.pinuut-dialog .close:hover{color:white}
.pinuut-dialog .close:focus-visible{outline:2px solid #eedbbb;outline-offset:-5px}
.pinuut-dialog :is(a,button):not(.close):focus-visible{outline:3px solid var(--dialog-accent);outline-offset:2px}
.pinuut-dialog .contact-options{padding:10px 12px 0}
.pinuut-dialog .contact-option{display:flex;align-items:center;gap:12px;min-height:88px;border-bottom:1px solid #5e493e70;text-decoration:none;color:#17120e;background:transparent}
.pinuut-dialog .contact-option>svg{width:31px;height:31px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pinuut-dialog .contact-option>span:not(.contact-arrow){min-width:0;flex:1}
.pinuut-dialog .contact-option strong{display:block;font:31px/1.35 PinuutBrush,cursive;font-weight:normal}
.pinuut-dialog .contact-option small{display:block;font:14px/1.5 Georgia,serif;overflow-wrap:anywhere}
.pinuut-dialog .contact-arrow{font-size:25px;transition:transform .18s}
.pinuut-dialog .contact-option.whatsapp strong{color:#951f1b}
.pinuut-dialog .contact-option:hover strong{color:#951f1b}
.pinuut-dialog .contact-option:hover .contact-arrow{transform:translateX(4px)}
.pinuut-dialog .contact-address{text-align:center;font:13px/1.5 Georgia,serif;margin:20px 10px}
.pinuut-dialog .gallery-heading{position:sticky;top:0;z-index:3;min-height:110px;padding:14px 20px 20px}
.pinuut-dialog .gallery-heading h2{font-size:42px;width:max-content;max-width:calc(100% - 48px)}
.pinuut-dialog .gallery-heading h2:after{width:100%;height:4px;margin-top:5px}
.pinuut-dialog .gallery-heading .eyebrow{margin-bottom:2px}
.pinuut-dialog .gallery-heading .close{top:8px;right:8px}
.pinuut-dialog .gallery-photo{position:relative;background:#14110e;touch-action:pan-y;line-height:0}
#lightbox #large-work{display:block;width:100%;height:min(52dvh,600px);object-fit:contain;max-width:none;max-height:none;border:0;margin:0}
#lightbox .round{position:absolute;top:calc(50% - 24px);width:48px;height:48px;border:2px solid #17110d;border-radius:50%;background:#ebcfa0;color:#17110d;font:32px/1 Georgia,serif;box-shadow:1px 2px 0 #e6c697;padding:0;transition:background .18s}
#lightbox .prev{left:6px}#lightbox .next{right:6px}
#lightbox .round:hover{background:#f6e3bd}
.pinuut-dialog .gallery-bottom{padding:12px 10px;color:#19120c}
.pinuut-dialog .thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pinuut-dialog .thumbnails button{height:72px;min-width:44px;padding:3px;border:2px solid transparent;background:transparent;cursor:pointer}
.pinuut-dialog .thumbnails button[aria-pressed=true]{border-color:var(--dialog-accent)}
.pinuut-dialog .thumbnails button:hover{background:#4c2c1320}
.pinuut-dialog .thumbnails img{width:100%;height:100%;object-fit:cover;display:block}
.pinuut-dialog .gallery-counter{text-align:center;font:16px/1.5 Georgia,serif;letter-spacing:2px;margin:10px 0 4px}
.pinuut-dialog .more-instagram{display:flex;gap:10px;justify-content:center;align-items:center;min-height:48px;text-decoration:none;font:15px/1.4 Georgia,serif}
.pinuut-dialog .more-instagram span{margin-left:auto;font-size:28px}
.pinuut-dialog .more-instagram svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.pinuut-dialog .more-instagram:hover{color:var(--dialog-accent)}
.pinuut-dialog .gallery-error{position:absolute;left:15%;right:15%;bottom:10px;background:#17140fea;color:#eedbbb;padding:12px;font:16px/1.4 Georgia,serif;text-align:center}
.pinuut-dialog .gallery-error[hidden]{display:none}
.pinuut-dialog .lightbox-stage[data-loading=true]:after{content:'Lädt …';position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#17140fea;color:#eedbbb;padding:10px;font:15px/1.3 Georgia,serif;pointer-events:none}
#lightbox[data-artist=kris]{--dialog-accent:#2573aa}#lightbox[data-artist=vii]{--dialog-accent:#9341aa}
@media(max-width:400px){.pinuut-dialog h2{font-size:36px}.pinuut-dialog .contact-options{padding:6px 8px}.pinuut-dialog .contact-option{gap:8px;min-height:83px}.pinuut-dialog .contact-option strong{font-size:25px}.pinuut-dialog .contact-option small{font-size:12px}.pinuut-dialog .contact-heading{padding-left:16px}.pinuut-dialog .thumbnails button{height:60px}}
@media(prefers-reduced-motion:reduce){.pinuut-dialog[open]{animation:none}.pinuut-dialog *{transition:none!important}}

/* V269: layout and readable type sized for desktop rather than enlarged phone UI. */
.pinuut-dialog#info{width:min(660px,calc(100vw - 32px))}
.pinuut-dialog#lightbox{width:min(860px,calc(100vw - 32px))}
.pinuut-dialog .contact-paper,.pinuut-dialog .gallery-shell{background-size:auto,440px 300px;padding:12px}
.pinuut-dialog .contact-heading{padding:30px 34px 28px;min-height:200px}
.pinuut-dialog .contact-heading h2{font-size:clamp(36px,4.1vw,54px);max-width:85%}
.pinuut-dialog .contact-options{padding:12px 30px 0}
.pinuut-dialog .contact-option{min-height:90px;gap:22px}
.pinuut-dialog .contact-option strong{font-size:32px}
.pinuut-dialog .contact-option small{font:16px/1.5 Arial,sans-serif}
.pinuut-dialog .contact-address{font:15px/1.6 Arial,sans-serif}
.pinuut-dialog .eyebrow{font-size:12px}
.pinuut-dialog .gallery-heading{padding-left:30px}
.pinuut-dialog .contact-option:hover strong{color:var(--dialog-accent)}
.pinuut-dialog .contact-option.whatsapp strong{color:var(--dialog-accent)}
#lightbox #large-work{height:min(58dvh,740px)}
.pinuut-dialog .thumbnails{max-width:580px;margin:auto}
.pinuut-dialog .thumbnails button{height:80px}
.pinuut-dialog .more-instagram{max-width:580px;margin:auto;font-size:16px}
@media(max-width:600px){.pinuut-dialog .contact-options{padding:8px 14px}.pinuut-dialog .contact-heading{padding:28px 20px}.pinuut-dialog .contact-option{gap:12px}.pinuut-dialog .contact-option strong{font-size:27px}.pinuut-dialog .contact-option small{font-size:14px}}
.pinuut-dialog .contact-paper,.pinuut-dialog .gallery-shell{background:#e8cda5 url('shared/paper.svg') center/640px}
#info[data-artist=kris]{--dialog-accent:#2573aa}#info[data-artist=vii]{--dialog-accent:#9341aa}

/* Neutral open arrow strokes retain generous touch targets. */
.round,#lightbox .round{border:0;border-radius:0;background:transparent;color:#f3dfb9;box-shadow:none;filter:drop-shadow(0 1px 2px #000)}
.round:hover,#lightbox .round:hover{background:transparent;color:white}
.round svg{width:38px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.round .points-left{transform:rotate(180deg)}
.round .ink-trace{stroke-width:.65;opacity:.6}
/* V272 · dialogue artwork follows the actual page's paper, ink and torn edges. */
.pinuut-dialog{filter:drop-shadow(0 22px 32px #000b)}
.pinuut-dialog .contact-paper,.pinuut-dialog .gallery-shell{
  background:#e8cda5 url('shared/paper.svg') center/640px;
  padding:13px;
  clip-path:polygon(1% .6%,13% 0,24% .5%,38% 0,53% .5%,69% 0,84% .5%,98% 0,100% 3%,99% 21%,100% 45%,99% 68%,100% 89%,99% 99%,82% 100%,63% 99.4%,42% 100%,20% 99%,0 100%,.6% 77%,0 52%,.8% 27%);
}
.pinuut-dialog .contact-heading,.pinuut-dialog .gallery-heading{
  position:relative;isolation:isolate;
  background:#14100d url('assets/footer-print-v257.png') center/100% 100% no-repeat;
  color:#f5e4c2;
  clip-path:polygon(0 7%,5% 4%,11% 6%,21% 3%,30% 5%,42% 1%,56% 5%,69% 2%,82% 5%,94% 1%,100% 3%,100% 96%,94% 97%,84% 95%,73% 98%,62% 96%,49% 99%,37% 96%,26% 99%,16% 96%,7% 98%,0 96%);
}
.pinuut-dialog .contact-heading{min-height:218px;padding:35px 42px 33px}
.pinuut-dialog .gallery-heading{min-height:150px;padding:27px 40px 31px}
.pinuut-dialog .contact-heading:after,.pinuut-dialog .gallery-heading:after{
  content:"";position:absolute;z-index:-1;inset:auto 3% 0;height:23px;
  background:linear-gradient(170deg,#1a110e80,transparent 70%);
  pointer-events:none;
}
.pinuut-dialog .eyebrow{font-size:12px;letter-spacing:.17em;color:#d9c19c;text-shadow:0 1px 3px #000}
.pinuut-dialog h2{color:#f5e4c2;text-shadow:1px 2px 0 #140d0b}
.pinuut-dialog .contact-heading h2{font-size:clamp(36px,3.7vw,53px);line-height:1.08;max-width:80%}
.pinuut-dialog .gallery-heading h2{font-size:clamp(42px,3.7vw,56px);line-height:1.05}
.pinuut-dialog h2:after{background:var(--dialog-accent);height:5px;margin-top:8px;transform:rotate(-3deg)}
.pinuut-dialog .contact-moth{width:96px;right:64px;top:25px;filter:drop-shadow(0 2px 4px #000)}
.pinuut-dialog .gallery-heading:before{
  content:"";position:absolute;right:68px;top:18px;width:106px;height:76px;pointer-events:none;
  background:url('mobile/assets/moth.png') center/contain no-repeat;
  filter:drop-shadow(0 2px 4px #000);
}
.pinuut-dialog .contact-options{padding:16px 31px 3px}
.pinuut-dialog .contact-option{position:relative;min-height:92px;border-bottom:0;gap:20px;padding:8px 11px;z-index:1}
.pinuut-dialog .contact-option:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:#3a2115a0;clip-path:polygon(0 65%,18% 32%,31% 56%,48% 38%,64% 67%,83% 40%,100% 58%,99% 100%,0 100%);opacity:.75}
.pinuut-dialog .contact-option:hover{background:#7427220b}
.pinuut-dialog .contact-option>svg{width:34px;height:34px;stroke-width:1.55}
.pinuut-dialog .contact-option strong{font-size:31px}
.pinuut-dialog .contact-option small{font-size:16px;color:#382d23}
.pinuut-dialog .contact-arrow{font:27px/1 Georgia,serif;color:#2b211a}
.pinuut-dialog .contact-address{margin:15px 16px 21px;padding-top:8px;color:#3a2b21}
.pinuut-dialog .gallery-photo{margin:5px 10px 0;padding:10px;background:#1a1511;border:3px solid #64482c;outline:2px solid #d8b987;box-shadow:inset 0 0 0 2px #ac8452,0 3px 9px #321c1b55}
#lightbox #large-work{height:min(53dvh,670px)}
.pinuut-dialog .gallery-bottom{padding:18px 24px 19px;background:linear-gradient(#a65d2810,transparent 24%),transparent}
.pinuut-dialog .thumbnails{gap:12px}
.pinuut-dialog .thumbnails button{height:79px;padding:3px;border:3px double #5d4127;background:#ede0c8;box-shadow:1px 2px 4px #3b26164d;transform:rotate(-1deg)}
.pinuut-dialog .thumbnails button:nth-child(even){transform:rotate(1deg)}
.pinuut-dialog .thumbnails button[aria-pressed=true]{border-color:var(--dialog-accent);box-shadow:1px 2px 5px #3b261666,0 0 0 2px #e8cda5 inset}
.pinuut-dialog .gallery-counter{font:19px/1.35 Georgia,serif;letter-spacing:.14em;margin:16px 0 3px}
.pinuut-dialog .more-instagram{font:17px/1.3 Georgia,serif}
.pinuut-dialog .more-instagram svg{stroke-width:1.75}
#lightbox .round{z-index:2;color:#eedbbb;filter:drop-shadow(0 2px 2px #000)}
@media(max-width:600px){
 .pinuut-dialog .contact-heading{padding:31px 24px 25px;min-height:190px}
 .pinuut-dialog .gallery-heading{padding:27px 24px 30px;min-height:140px}
 .pinuut-dialog .contact-heading h2{max-width:84%;font-size:clamp(32px,7vw,42px)}
 .pinuut-dialog .contact-moth,.pinuut-dialog .gallery-heading:before{width:66px;right:48px;top:24px}
 .pinuut-dialog .contact-options{padding:10px 10px 3px}
 .pinuut-dialog .contact-option{gap:12px;min-height:84px}
 .pinuut-dialog .contact-option strong{font-size:clamp(22px,6vw,27px)}
 .pinuut-dialog .contact-option small{font-size:13px}
 .pinuut-dialog .gallery-photo{margin:4px 3px 0;padding:5px}
 .pinuut-dialog .gallery-bottom{padding:12px 8px}
 .pinuut-dialog .thumbnails{gap:5px}
 .pinuut-dialog .thumbnails button{height:59px}
}
/* The photograph has its own aged frame; the surrounding ink keeps the arrows visible. */
.pinuut-dialog .gallery-photo{background:#15100d url('assets/footer-print-v257.png') center/cover no-repeat}
#lightbox #large-work{width:auto;max-width:calc(100% - 75px);height:min(53dvh,640px);margin:0 auto;border:5px double #805f3b;box-shadow:0 0 0 7px #e6cfaa,0 0 0 9px #3b2817,0 6px 16px #0009;background:#17120e}
.pinuut-dialog .contact-option.whatsapp strong{color:#211711}
.pinuut-dialog .contact-option:hover strong{color:#842420}
@media(max-width:600px){#lightbox #large-work{max-width:calc(100% - 36px);box-shadow:0 0 0 3px #e6cfaa,0 0 0 4px #3b2817}}
/* V273: faithful desktop composition of the approved two-postcard mobile reference. */
.pinuut-dialog::backdrop{background:#100c0aee url('assets/outer-texture.webp') center/475px 1350px;backdrop-filter:blur(2px)}
.pinuut-dialog#info{width:min(720px,calc(100vw - 28px))}
.pinuut-dialog#lightbox{width:min(780px,calc(100vw - 28px))}
.pinuut-dialog .contact-paper,.pinuut-dialog .gallery-shell{padding:12px 15px 16px;background:#e2c398 url('shared/paper.svg') center/720px;filter:drop-shadow(0 15px 20px #0008)}
.pinuut-dialog .contact-heading,.pinuut-dialog .gallery-heading{background:#0c0b0a;color:#f7e9c9;clip-path:polygon(0 13%,6% 8%,14% 12%,21% 7%,33% 10%,42% 5%,52% 8%,63% 4%,74% 8%,84% 6%,93% 10%,100% 5%,100% 91%,94% 96%,83% 92%,74% 97%,63% 93%,51% 99%,40% 94%,29% 98%,18% 93%,8% 97%,0 91%)}
.pinuut-dialog .contact-heading{height:308px;padding:30px 38px 36px;overflow:visible}
.pinuut-dialog .contact-heading:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/footer-print-v257.png') center/100% 100%;opacity:.25}
.pinuut-dialog .contact-heading h2{font:clamp(56px,5vw,76px)/.93 PinuutBrush,cursive;max-width:85%;letter-spacing:-.035em;margin-top:33px;transform:rotate(-3deg)}
.pinuut-dialog .contact-heading .eyebrow{font:16px/1.2 Georgia,serif;letter-spacing:.03em;margin:0;max-width:60%}
.pinuut-dialog .contact-heading h2:after{width:63%;margin-top:10px;height:7px;transform:rotate(-4deg)}
.pinuut-dialog .contact-moth{width:245px;right:0;top:-31px;z-index:1;transform:rotate(-10deg);filter:drop-shadow(0 4px 4px #0009)}
.pinuut-dialog .contact-heading .close{right:10px;top:12px;z-index:6;font-size:45px}
.pinuut-dialog .contact-options{padding:26px 35px 6px}
.pinuut-dialog .contact-option{min-height:100px;gap:24px}
.pinuut-dialog .contact-option>svg{width:41px;height:41px;stroke-width:1.85}
.pinuut-dialog .contact-option strong{font-size:36px}
.pinuut-dialog .contact-option small{font:bold 16px/1.5 Georgia,serif;letter-spacing:.08em}
.pinuut-dialog .contact-option.whatsapp{background:linear-gradient(96deg,#941919 0 69%,transparent 82%);clip-path:polygon(0 13%,68% 4%,72% 8%,84% 2%,75% 28%,92% 16%,82% 77%,72% 73%,64% 93%,0 90%);margin:4px -12px 0;padding:14px 23px 11px}
.pinuut-dialog .contact-option.whatsapp strong,.pinuut-dialog .contact-option.whatsapp>svg{color:#fff3d5;stroke:#fff3d5}
.pinuut-dialog .contact-option.whatsapp small{color:#2c1b12}
.pinuut-dialog .contact-option.whatsapp .contact-arrow{color:#20140f}
.pinuut-dialog .contact-address{margin-top:14px;font:15px/1.5 Georgia,serif;letter-spacing:.06em}
.pinuut-dialog .contact-address:before{content:"◆";display:block;border-top:1px solid #422d1d;width:70%;margin:0 auto 19px;line-height:0;color:#422d1d}
.pinuut-dialog .gallery-heading{height:174px;padding:25px 37px 23px;text-align:center;background:#0d0b0a}
.pinuut-dialog .gallery-heading .eyebrow{text-align:left;font:15px/1.3 Georgia,serif;letter-spacing:.04em;margin:0}
.pinuut-dialog .gallery-heading h2{font:88px/.85 PinuutBrush,cursive;max-width:none;width:100%;margin-top:-3px;transform:rotate(-4deg);text-align:center}
.pinuut-dialog .gallery-heading h2:after{content:"K U N S T W E R K E";display:block;margin:15px auto 0;width:max-content;max-width:95%;height:auto;background:none;color:#ebd9b9;transform:rotate(4deg);font:14px/1 Georgia,serif;letter-spacing:.08em;clip-path:none}
.pinuut-dialog .gallery-heading:before{display:none}
.pinuut-dialog .gallery-heading .close{top:15px;right:13px}
.pinuut-dialog .gallery-photo{margin:-9px 13px 0;padding:7px;background:#15110f;border:0;outline:0;box-shadow:none;clip-path:polygon(0 2%,9% 1%,22% 2%,31% 0,45% 1.5%,57% 0,70% 2%,83% 0,92% 1.5%,100% 0,100% 98%,91% 99%,79% 98%,67% 100%,54% 98%,42% 100%,28% 98%,13% 99%,0 97%)}
#lightbox #large-work{width:auto;max-width:calc(100% - 48px);height:min(58dvh,590px);border:0;box-shadow:none;object-fit:contain}
.pinuut-dialog .gallery-bottom{padding:20px 22px 15px}
.pinuut-dialog .thumbnails{max-width:none;gap:11px}
.pinuut-dialog .thumbnails button{height:75px;padding:2px;border:0;background:#e1cba7;box-shadow:0 0 0 5px #e1cba7,1px 3px 6px #1c130e70;transform:rotate(-1deg)}
.pinuut-dialog .thumbnails button[aria-pressed=true]{border:0;box-shadow:0 0 0 5px #e1cba7,0 0 0 8px var(--dialog-accent),1px 3px 6px #1c130e70}
.pinuut-dialog .gallery-counter{font:15px/1.3 Georgia,serif;letter-spacing:.12em;margin:18px 0 1px}
.pinuut-dialog .more-instagram{font:15px/1.35 Georgia,serif}
@media(max-width:600px){
 .pinuut-dialog .contact-heading{height:230px;padding:27px 20px}
 .pinuut-dialog .contact-heading h2{font-size:clamp(40px,8vw,58px);max-width:90%;margin-top:37px}
 .pinuut-dialog .contact-moth{width:136px;top:-9px;right:1px}
 .pinuut-dialog .contact-options{padding:16px 11px 4px}
 .pinuut-dialog .contact-option{min-height:82px;gap:11px}
 .pinuut-dialog .contact-option>svg{width:30px;height:30px}
 .pinuut-dialog .contact-option strong{font-size:25px}
 .pinuut-dialog .contact-option small{font-size:12px;letter-spacing:0}
 .pinuut-dialog .contact-option.whatsapp{padding:10px 14px}
 .pinuut-dialog .gallery-heading{height:150px;padding:25px 17px 20px}
 .pinuut-dialog .gallery-heading h2{font-size:clamp(48px,14vw,70px);margin-top:9px}
 .pinuut-dialog .gallery-heading h2:after{font-size:11px;margin-top:10px}
 .pinuut-dialog .gallery-photo{margin:-6px 2px 0}
 #lightbox #large-work{max-width:calc(100% - 22px);height:min(52dvh,540px)}
 .pinuut-dialog .gallery-bottom{padding:16px 10px}
 .pinuut-dialog .thumbnails{gap:7px}
 .pinuut-dialog .thumbnails button{height:54px}
}
/* Foreground moth must rise above the torn black ink, without being clipped. */
.pinuut-dialog .contact-heading{background:transparent;clip-path:none;isolation:isolate}
.pinuut-dialog .contact-heading:before{content:"";position:absolute;inset:0;z-index:-1;opacity:1;background:#0d0b0a url('assets/footer-print-v257.png') center/100% 100%;clip-path:polygon(0 13%,6% 8%,14% 12%,21% 7%,33% 10%,42% 5%,52% 8%,63% 4%,74% 8%,84% 6%,93% 10%,100% 5%,100% 91%,94% 96%,83% 92%,74% 97%,63% 93%,51% 99%,40% 94%,29% 98%,18% 93%,8% 97%,0 91%)}
.pinuut-dialog .contact-moth{width:275px;right:5px;top:-38px;transform:rotate(-7deg);z-index:2}
.pinuut-dialog .contact-heading .close{background:#0a0807b0}
.pinuut-dialog .contact-option.whatsapp{isolation:isolate;clip-path:none;background:none;margin:4px -12px 0;padding:14px 23px 11px}
.pinuut-dialog .contact-option.whatsapp:before{content:"";position:absolute;z-index:-1;left:0;top:5px;width:84%;height:58px;background:#941919;clip-path:polygon(0 13%,82% 2%,92% 6%,100% 0,96% 27%,100% 19%,91% 52%,100% 78%,83% 72%,76% 100%,0 90%)}
.pinuut-dialog .contact-option.whatsapp small{color:#2c1b12}
@media(max-width:600px){.pinuut-dialog .contact-moth{width:150px;top:-5px;right:0}.pinuut-dialog .contact-option.whatsapp:before{height:49px;width:80%}}

/* V273 final: the original print-ready postcard art supplies the actual torn edges,
   moth, rose, and ink. Interactive text and photography stay separate and sharp. */
.pinuut-dialog .contact-paper,.pinuut-dialog .gallery-shell{clip-path:none;padding:0;background-color:transparent;filter:none}
.pinuut-dialog .contact-paper{min-height:900px;background-image:url('assets/contact-paper-clean-v274.png');background-size:100% 100%;background-repeat:no-repeat;padding:0 38px 32px}
.pinuut-dialog .gallery-shell{background-image:url('assets/gallery-paper-2172.webp');background-size:100% 100%;background-repeat:no-repeat;padding:0 35px 30px}
.pinuut-dialog .contact-heading,.pinuut-dialog .gallery-heading{background:transparent;clip-path:none;isolation:auto}
.pinuut-dialog .contact-heading:before,.pinuut-dialog .contact-heading:after,.pinuut-dialog .gallery-heading:after{display:none}
.pinuut-dialog .contact-heading{height:314px;min-height:0;padding:32px 31px 0}
.pinuut-dialog .contact-heading .eyebrow{margin:0;color:#f6e6c5;font-size:16px}
.pinuut-dialog .contact-heading h2{font-size:clamp(62px,4.2vw,75px);line-height:.94;max-width:90%;margin-top:63px;transform:rotate(-3deg);letter-spacing:-.035em}
.pinuut-dialog .contact-heading h2:after{width:72%;height:6px}
.pinuut-dialog .contact-moth{display:none}
.pinuut-dialog .contact-heading .close{right:5px;top:18px;background:transparent}
.pinuut-dialog .contact-options{padding:16px 31px 0}
.pinuut-dialog .contact-option{min-height:99px;padding:4px 5px;gap:22px}
.pinuut-dialog .contact-option.whatsapp{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;grid-template-rows:60px 27px;column-gap:18px;min-height:87px;margin:0 -7px 4px;padding:0 11px;background:transparent}
.pinuut-dialog .contact-option.whatsapp:before{left:0;top:0;width:88%;height:60px;background:#941919;clip-path:polygon(0 19%,4% 8%,24% 2%,50% 8%,78% 0,95% 14%,83% 28%,100% 18%,93% 73%,100% 84%,77% 93%,49% 88%,25% 100%,0 90%)}
.pinuut-dialog .contact-option.whatsapp>svg{grid-column:1;grid-row:1;width:46px;height:46px;align-self:center;justify-self:center}
.pinuut-dialog .contact-option.whatsapp>span:not(.contact-arrow){grid-column:2;grid-row:1/3;display:grid;grid-template-rows:60px 27px;align-self:stretch}
.pinuut-dialog .contact-option.whatsapp strong{align-self:center;font-size:36px;line-height:1.1;white-space:nowrap}
.pinuut-dialog .contact-option.whatsapp small{align-self:center;font-size:18px;line-height:1.1;letter-spacing:.13em}
.pinuut-dialog .contact-option.whatsapp .contact-arrow{grid-column:3;grid-row:1;align-self:center;justify-self:end}
.pinuut-dialog .contact-option.whatsapp:after{display:none}
.pinuut-dialog .contact-address{margin:20px 0 0;padding-bottom:18px}
.pinuut-dialog .gallery-heading{height:164px;min-height:0;padding:26px 25px 0}
.pinuut-dialog .gallery-heading .eyebrow{font-size:16px}
.pinuut-dialog .gallery-heading h2{font-size:84px;margin-top:5px}
.pinuut-dialog .gallery-photo{margin:0 4px;padding:0;background:transparent;clip-path:none}
#lightbox #large-work{height:min(47dvh,520px);max-width:calc(100% - 48px);object-fit:cover;box-shadow:0 0 0 7px #e4c9a2;}
.pinuut-dialog .gallery-bottom{padding:27px 30px 10px;background:transparent}
.pinuut-dialog .thumbnails button{background:#ead6b7;box-shadow:0 0 0 4px #ead6b7,1px 3px 6px #1c130e70}
.pinuut-dialog .thumbnails button[aria-pressed=true]{box-shadow:0 0 0 4px #ead6b7,0 0 0 7px var(--dialog-accent)}
@media(max-width:600px){
 .pinuut-dialog .contact-paper{min-height:760px;padding:0 17px 22px}
 .pinuut-dialog .gallery-shell{padding:0 14px 22px}
 .pinuut-dialog .contact-heading{height:237px;padding:27px 22px 0}
 .pinuut-dialog .contact-heading h2{font-size:clamp(41px,8vw,57px);margin-top:48px}
 .pinuut-dialog .contact-options{padding:13px 14px 0}
 .pinuut-dialog .contact-option.whatsapp{grid-template-columns:33px minmax(0,1fr) 19px;grid-template-rows:48px 23px;column-gap:7px;min-height:71px;padding:0 4px}
 .pinuut-dialog .contact-option.whatsapp:before{height:48px;width:88%}
 .pinuut-dialog .contact-option.whatsapp>svg{width:31px;height:31px}
 .pinuut-dialog .contact-option.whatsapp>span:not(.contact-arrow){grid-template-rows:48px 23px}
 .pinuut-dialog .contact-option.whatsapp strong{font-size:clamp(22px,6vw,27px)}
 .pinuut-dialog .contact-option.whatsapp small{font-size:12px}
 .pinuut-dialog .gallery-heading{height:145px;padding:23px 15px 0}
 .pinuut-dialog .gallery-heading h2{font-size:clamp(50px,13vw,70px)}
 .pinuut-dialog .gallery-photo{margin:0 3px;padding:0}
 #lightbox #large-work{height:min(43dvh,460px)}
 .pinuut-dialog .gallery-bottom{padding:20px 13px 12px}
}
.pinuut-dialog .gallery-heading .eyebrow{position:relative;z-index:2;color:#f5e4c2;text-shadow:0 1px 3px #000}
.pinuut-dialog .gallery-photo{width:min(610px,calc(100% - 20px));margin:0 auto;background:#130f0d;padding:5px;clip-path:polygon(0 1%,12% 0,25% 1%,39% 0,54% 1%,70% 0,85% 1%,100% 0,100% 99%,86% 100%,68% 99%,49% 100%,32% 99%,17% 100%,0 99%)}
#lightbox #large-work{height:min(58dvh,620px);max-width:100%;margin:auto;object-fit:contain;box-shadow:none}
.pinuut-dialog .more-instagram{max-width:580px;justify-content:flex-end}
@media(max-width:600px){.pinuut-dialog .gallery-photo{width:calc(100% - 9px);padding:3px}#lightbox #large-work{height:min(48dvh,500px)}}

/* V275: clear, solid-black surround and a better-set contact masthead. */
.pinuut-dialog::backdrop{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none}
.pinuut-dialog .contact-heading{padding-left:47px;padding-right:34px}
.pinuut-dialog .contact-heading .eyebrow{position:absolute;left:49px;top:76px;max-width:370px;margin:0;color:#fff0d5;text-shadow:0 2px 3px #000;letter-spacing:.09em;font-size:16px}
.pinuut-dialog .contact-heading h2{margin-top:89px;max-width:90%;font-size:clamp(59px,4.2vw,72px);line-height:.94}
.pinuut-dialog .contact-heading h2:after{width:83%;height:5px;margin:7px 0 0 35px;transform:rotate(-4deg)}
.pinuut-dialog .contact-address{margin-top:24px;padding-top:0}
.pinuut-dialog .contact-address:before{display:none}
@media(max-width:600px){
 .pinuut-dialog .contact-heading{padding-left:23px;padding-right:15px}
 .pinuut-dialog .contact-heading .eyebrow{left:24px;top:58px;font-size:13px;max-width:70%}
 .pinuut-dialog .contact-heading h2{margin-top:73px;font-size:clamp(38px,8vw,54px)}
 .pinuut-dialog .contact-heading h2:after{margin-left:22px;width:75%;height:4px}
}
.pinuut-dialog .contact-heading .eyebrow{left:78px;top:84px;width:410px;max-width:calc(100% - 240px);text-align:center;font-weight:bold;font-size:18px;color:#fff6dd;text-shadow:0 2px 3px #000,0 0 3px #000}
.pinuut-dialog .contact-heading h2:after{width:75%;margin-left:23px}
@media(max-width:600px){.pinuut-dialog .contact-heading .eyebrow{left:25px;top:58px;width:62%;max-width:none;font-size:13px}.pinuut-dialog .contact-heading h2:after{width:75%;margin-left:22px}}
