.dif{background:#f5f1e9;color:#292e2b;padding:64px clamp(12px,3vw,48px) 80px;min-height:70vh}.dif-heading{text-align:center;max-width:800px;margin:0 auto 40px}.dif-eyebrow{font:600 11px/1.5 Arial,sans-serif;letter-spacing:.24em;color:#596859}.dif h1{font:700 clamp(46px,6vw,84px)/1.06 Georgia,serif;letter-spacing:-.045em;margin:16px 0}.dif-intro{font:18px/1.7 Georgia,serif;color:#596158;margin:18px 0}.dif-frame{max-width:1640px;margin:auto;border:14px solid #835c3d;border-radius:7px;background:#b48651;box-shadow:0 18px 38px #49351b26,inset 0 0 0 3px #48321f;position:relative}.dif-frame:before{content:"";position:absolute;inset:-14px;border:3px solid #bc9165;border-radius:7px;pointer-events:none}.dif-cork{padding:32px clamp(20px,3vw,50px) 22px;background-color:#b98d5d;background-image:url('ducks-cork.svg');box-shadow:inset 0 4px 12px #3f281e70;min-height:390px}.dif-label{display:table;margin:0 auto 42px;background:#f5edcf;box-shadow:1px 3px 6px #42321c40;padding:12px 27px;transform:rotate(-1deg);font:italic 19px/1.3 Georgia,serif;color:#4a483a;text-align:center}.dif-label span{font-style:normal;font-size:13px;padding:0 8px;color:#70846b}.dif-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:46px 30px;align-items:start;padding:12px 0 28px}.dif-photo{margin:0;min-width:0;transform:rotate(var(--tilt,0deg)) translateY(var(--offset,0px));position:relative;z-index:1;transition:transform .2s}.dif-photo:hover,.dif-photo:focus-within{z-index:3;transform:rotate(0) scale(1.035)}.dif-photo:before{content:"";position:absolute;width:17px;height:17px;left:47%;top:-8px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ffffffb0 0 10%,transparent 25%),var(--pin,#aa3e33);box-shadow:2px 5px 3px #0005,inset -3px -3px 4px #0004;z-index:2;pointer-events:none}.dif-photo button{display:block;border:0;padding:12px 12px 0;background:#fffdf8;color:#2d332e;box-shadow:2px 7px 10px #3b271b66,0 0 1px #0004;width:100%;cursor:zoom-in;text-align:center;font:inherit;border-radius:1px}.dif-photo button:focus-visible{outline:3px solid #184d50;outline-offset:6px}.dif-photo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:var(--position,center);background:#e5e0d7}.dif-caption{display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:10px 1px 14px;gap:4px;font:italic 16px/1.25 "Bradley Hand","Segoe Print",Georgia,serif;overflow-wrap:anywhere}.dif-caption small{font:11px/1.4 Arial,sans-serif;letter-spacing:.03em;color:#686a60}.dif-footnote{text-align:center;margin:32px 0 0;font:italic 14px/1.5 Georgia,serif;color:#3e3324}.dif-empty{max-width:400px;padding:45px 26px;margin:50px auto;background:#fff7cf;transform:rotate(2deg);box-shadow:3px 5px 8px #0003;text-align:center;font:italic 21px/1.5 Georgia,serif}.dif-editor{padding:20px;max-width:900px;margin:25px auto 0;background:white;font:14px/1.7 Arial,sans-serif}.dif-noscript img{max-width:250px;height:auto}.dif-lightbox{border:0;padding:50px 20px 20px;background:#fffdf8;max-width:min(94vw,1100px);max-height:94vh;box-shadow:0 20px 80px #0006}.dif-lightbox::backdrop{background:#18221eeb}.dif-lightbox img{display:block;max-width:100%;max-height:74vh;object-fit:contain;margin:auto}.dif-lightbox p{text-align:center;font:italic 18px/1.5 Georgia,serif;margin:15px 0 0}.dif-close{position:absolute;right:12px;top:10px;border:1px solid #ccc;background:#fff;color:#222;padding:7px 14px;cursor:pointer;font:14px Arial,sans-serif}.dif-close:focus-visible{outline:3px solid #184d50}.dif [hidden]{display:none!important}@media(min-width:1500px){.dif-grid{gap:52px 38px}.dif-caption{min-height:86px;font-size:18px}}@media(max-width:1100px){.dif-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}}@media(max-width:800px){.dif-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}.dif-frame{border-width:10px}.dif-frame:before{inset:-10px}}@media(max-width:580px){.dif{padding-top:35px}.dif-heading{margin-bottom:28px}.dif-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.dif-cork{padding:25px 18px 20px}.dif-photo button{padding:8px 8px 0}.dif-caption{font-size:14px;min-height:70px}.dif-label{font-size:16px;padding:12px 14px;margin-bottom:24px}.dif-label span{padding:0 2px}.dif-intro{font-size:16px}.dif-photo:before{width:14px;height:14px;top:-6px}}@media(prefers-reduced-motion:reduce){.dif-photo{transition:none}.dif-photo:hover,.dif-photo:focus-within{transform:rotate(var(--tilt,0deg))}}
