@charset "UTF-8";
/* Interactive meat-cut atlas: native SVG regions and an accessible modal. */
.box-content-link{display:block;width:fit-content;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px;margin-top:9px}
.box-content-link>span{margin-left:8px}
.box-cuts{background:#234739;color:#faf6ec;padding-block:66px 43px;scroll-margin-top:15px}
.box-cuts .vita-table-heading h2{color:#faf6ec}.box-cuts .vita-table-heading h2 em{color:#eccb89}
.box-cuts .vita-table-heading .vita-kicker{color:#cbd4b4}.box-cuts .vita-table-heading>p{color:#d0dcc6;max-width:430px}
.box-cuts-board{display:grid;grid-template-columns:1.6fr 1fr;gap:0;margin-top:36px;background:#f4efdf;color:#365840;border:1px solid #d6caab;border-radius:15px;overflow:hidden}
.box-cuts-drawing{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:24px 32px 27px;background:radial-gradient(ellipse at 52% 53%,#fbf6e5 0,#f0e7d0 75%)}
.box-cuts-art-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px;font-weight:600;line-height:1.7;margin-bottom:auto}
.box-cuts-art-top>img{width:43px;height:35px;object-fit:contain}
.box-cuts-pig{display:block;width:100%;height:auto;margin:36px auto 18px;overflow:visible}
.box-pig-region{outline:none;cursor:pointer}
.box-pig-area{fill:#e4dfc8;stroke:#859578;stroke-width:.9;stroke-linejoin:round;transition:fill .18s,stroke .18s}
.box-pig-region[data-cut-open=hals] .box-pig-area,.box-pig-region[data-cut-open=brust] .box-pig-area,.box-pig-region[data-cut-open=haxen] .box-pig-area{fill:#d8ddc0}
.box-pig-region.is-highlighted .box-pig-area,.box-pig-region:hover .box-pig-area,.box-pig-region:focus-visible .box-pig-area{fill:#e5b85f;stroke:#806129;stroke-width:1.3}
.box-pig-region:focus-visible .box-pig-area{stroke:#173f32;stroke-width:2.5;stroke-dasharray:3 1.5}
.box-pig-tail:is(.is-highlighted,:hover,:focus-visible) .box-pig-tail-line{stroke:#b58634;stroke-width:3.5}
.box-pig-marker circle{fill:#fbf6e5;stroke:#526c4b;stroke-width:.7;transition:fill .18s}
.box-pig-marker text{font:600 6.5px/1 var(--sans);text-anchor:middle;dominant-baseline:middle;fill:#365840}
.box-pig-marker{cursor:pointer}.box-pig-marker:focus-visible{outline:none}.box-pig-marker:focus-visible circle{stroke:#173f32;stroke-width:1.5}
.box-pig-marker.is-highlighted circle{fill:#365840;stroke:#f7e9c8}.box-pig-marker.is-highlighted text{fill:#fff5df}
.box-cuts-instruction{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;line-height:1.8;margin-top:auto}
.box-cuts-instruction>span{font-size:21px;color:#977c41;font-weight:300}
.box-cuts-schematic{display:block;font-size:9px;line-height:1.8;text-align:center;color:#71815e;margin-top:4px}
.box-cuts-regions{border-left:1px solid #d6ceb5;padding:24px 28px 17px;min-width:0}
.box-cuts-regions>p{font-size:8px;letter-spacing:.9px;line-height:1.8;font-weight:600;color:#76815b;padding-bottom:13px}
.box-cuts-regions>a{display:grid;grid-template-columns:25px 1fr 16px;align-items:center;gap:12px;min-height:58px;border-top:1px solid #d9d7c1;padding:8px 5px;transition:background .18s;border-radius:3px;font-size:14px;line-height:1.5}
.box-cuts-number{font:italic 16px/1.4 Georgia,serif;color:#8d7c51}
.box-cuts-regions small{display:block;font-size:10px;color:#71805b;line-height:1.6;margin-top:3px}
.box-cuts-regions>a>span:last-child{font-size:20px;color:#8a835a;font-weight:300}
.box-cuts-regions>a:is(.is-highlighted,:hover){background:#e9dfbe}
.box-cuts-regions>a:focus-visible{outline-offset:1px}
.box-cuts-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px}
.box-cuts-more>a{display:flex;flex-direction:column;position:relative;border:1px solid #788b6e;padding:23px 47px 23px 23px;border-radius:9px;transition:background .18s;min-width:0}
.box-cuts-more>a:hover,.box-cuts-more>a.is-highlighted{background:#355641}
.box-cuts-more-number{font-size:7px;line-height:1.8;letter-spacing:.9px;color:#cad4b6}
.box-cuts-more strong{font:400 25px/1.18 Georgia,serif;letter-spacing:-.6px;color:#f1dfa9;margin-top:16px}
.box-cuts-more>a>span:not([class]){font-size:11px;line-height:1.8;color:#ced8bc;margin-top:9px}
.box-cuts-more-plus{position:absolute;right:19px;top:50%;font-size:23px;color:#dfca8e}
.box-cuts-more>a:focus-visible{outline-color:#f1d299}
.box-cuts-note{font-size:11px;line-height:1.85;max-width:800px;margin:24px auto 0;text-align:center;color:#c7d4ba}
.box-cuts-library{margin-top:35px;color:#365840}.box-cuts-library .cut-region-content{background:#faf5e7;border-radius:10px;padding:30px;margin-top:22px;scroll-margin-top:135px}
.cut-region-intro>h3{font:400 32px/1.2 Georgia,serif;letter-spacing:-.8px;margin:10px 0}
.cut-region-kicker{font-size:8px;line-height:1.8;font-weight:600;letter-spacing:1px;color:#8c7441}
.cut-region-intro>p:not([class]){font-size:13px;line-height:1.85;color:#667652;margin-top:11px;max-width:660px}
.cut-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.cut-product-grid:has(>.cut-product:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.cut-product{min-width:0;text-align:left}
.cut-product-art{background:#eee8d5;border-radius:70px 6px 45px 6px;padding:8px 3px;overflow:hidden}
.cut-product-art>img{width:100%;max-width:240px;margin:auto;height:auto}
.cut-product figcaption{padding-top:14px}
.cut-product figcaption>span{font-size:7px;line-height:1.8;font-weight:600;letter-spacing:.8px;color:#8c7441}
.cut-product h4{font:400 26px/1.17 Georgia,serif;letter-spacing:-.65px;color:#365840;margin:8px 0 0}
.cut-product figcaption>p{font:400 12px/1.8 var(--sans);color:#657552;margin-top:10px}
body.cuts-modal-open{overflow:hidden}
dialog.cut-dialog{padding:0;border:1px solid #cfc3a1;border-radius:17px;background:#faf5e7;color:#365840;width:min(840px,calc(100% - 36px));max-width:none;max-height:90vh;max-height:90dvh;overflow:hidden;box-shadow:0 25px 100px #0b241c70;margin:auto}
.cut-dialog::backdrop{background:#112e25bd;backdrop-filter:blur(4px)}
.cut-dialog[open]{animation:cut-dialog-enter .22s ease both}
.cut-dialog-shell{display:flex;flex-direction:column;max-height:90vh;max-height:90dvh}
.cut-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #dad7c0;padding:12px 20px 12px 35px;flex-shrink:0;background:#efe8d2}
.cut-dialog-top>span{font-size:8px;line-height:1.8;letter-spacing:1.1px;font-weight:600;color:#697954}
.cut-dialog-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #bdc5a7;border-radius:50%;font:300 28px/1 var(--sans);background:#faf5e7;color:#365840}
.cut-dialog-close:hover{background:#e4ddc3}
.cut-dialog-scroll{padding:29px 36px 25px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a0ad87 #f2ecd9}
.cut-dialog-heading{display:flex;align-items:baseline;gap:22px;margin-bottom:19px}
.cut-dialog-heading>span{font-size:9px;line-height:1.8;letter-spacing:.8px;color:#8b7951;white-space:nowrap}
.cut-dialog-heading h2{font:400 46px/1.08 Georgia,serif;letter-spacing:-1.6px;color:#365840;margin:0}
.cut-dialog-heading h2:focus{outline:none}
.cut-dialog-product-count{font-size:9px;line-height:1.8;letter-spacing:.4px;color:#75835c;margin:-5px 0 20px}
.cut-dialog .cut-region-intro>h3{display:none}
.cut-dialog .cut-product-grid{column-gap:22px;row-gap:26px}
#cut-dialog-note{border-top:1px solid #d8d7c0;font-size:10px;line-height:1.85;color:#6c7958;padding-top:19px;margin-top:24px}
.cut-dialog-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #d8d7c0;padding:10px 27px;flex-shrink:0;background:#f3eddb}
.cut-dialog-scroll-cue{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#365840;color:#faf5e7;border-radius:9px 9px 0 0;padding:5px 12px;font-size:9px;line-height:1.8;box-shadow:0 -4px 18px #faf5e7aa;pointer-events:none}
.cut-dialog-footer>button{min-height:44px;padding:8px;background:none;font:500 12px/1.5 var(--sans);color:#4d6748;border-radius:4px}
.cut-dialog-footer>button:hover{background:#e7e2c9}
.cut-dialog-footer>button[data-cut-close]{font-size:10px;color:#79805c}
@keyframes cut-dialog-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1050px){.box-cuts-board{grid-template-columns:1.25fr 1fr}.box-cuts-drawing{padding-inline:22px}.box-cuts-regions{padding-inline:21px}.box-cuts-regions>a{font-size:13px;gap:10px}.box-cuts-more{gap:15px}.box-cuts-more>a{padding:21px 39px 21px 20px}.box-cuts-more strong{font-size:23px}.box-cuts-more-plus{right:14px}.box-cuts-art-top{font-size:7px}}
@media(max-width:760px){.box-cuts{padding-block:44px 34px}.box-cuts .vita-table-heading{display:block}.box-cuts .vita-table-heading>p{max-width:none;margin-top:22px}.box-cuts-board{grid-template-columns:1fr;margin-top:28px}.box-cuts-drawing{padding:20px 23px 23px}.box-cuts-art-top{font-size:7px}.box-cuts-pig{max-width:560px;margin-block:15px 12px}.box-cuts-regions{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;border-left:0;border-top:1px solid #d6ceb5;padding:22px}.box-cuts-regions>p{grid-column:1/-1;font-size:8px}.box-cuts-regions>a{min-height:65px;font-size:13px;grid-template-columns:20px 1fr 11px;gap:8px}.box-cuts-regions small{font-size:9px}.box-cuts-more{grid-template-columns:1fr;gap:12px;margin-top:19px}.box-cuts-more>a{padding:19px 52px 19px 22px}.box-cuts-more strong{font-size:26px;margin-top:10px}.box-cuts-more-number{font-size:7px}.box-cuts-more>a>span:not([class]){font-size:12px;margin-top:6px}.box-cuts-more-plus{right:24px}.box-cuts-note{text-align:left;font-size:11px;margin-top:20px}.cut-dialog-heading h2{font-size:39px}.cut-dialog-scroll{padding-inline:26px}.cut-dialog-top{padding-left:25px}.cut-product-grid{gap:18px}.cut-product h4{font-size:23px}}
@media(max-width:540px){.box-cuts-regions{padding:19px 20px;gap:0 16px}.box-cuts-regions>a{grid-template-columns:18px 1fr;font-size:12px;padding-block:11px}.box-cuts-regions>a>span:last-child{display:none}.box-cuts-regions small{font-size:9px;line-height:1.5}.box-cuts-number{font-size:14px}.box-cuts-instruction{font-size:11px;gap:7px}.box-cuts-schematic{font-size:8px}.box-cuts-drawing{padding-inline:17px}.box-cuts-art-top>img{width:35px;height:28px}.box-cuts-art-top{font-size:6px;letter-spacing:.6px}dialog.cut-dialog{width:calc(100% - 18px);max-height:92vh;max-height:92dvh;border-radius:18px 18px 10px 10px}.cut-dialog-shell{max-height:92vh;max-height:92dvh}.cut-dialog-top{padding:10px 13px 10px 20px}.cut-dialog-top>span{font-size:7px;letter-spacing:.7px}.cut-dialog-scroll{padding:23px 21px 21px}.cut-dialog-heading{display:block;margin-bottom:19px}.cut-dialog-heading h2{font-size:36px;letter-spacing:-1.1px;margin-top:10px}.cut-region-intro>p:not([class]){font-size:12px;line-height:1.85}.cut-region-kicker{font-size:7px;letter-spacing:.8px}.cut-dialog .cut-product-grid,.cut-product-grid,.cut-product-grid:has(>.cut-product:nth-child(2):last-child){grid-template-columns:1fr;gap:22px}.cut-product{display:grid;grid-template-columns:105px 1fr;gap:15px;align-items:center}.cut-product-art{border-radius:35px 4px 24px 4px;padding:12px 0}.cut-product figcaption{padding:0}.cut-product h4{font-size:23px;margin-top:6px}.cut-product figcaption>span{font-size:6px;letter-spacing:.5px}.cut-product figcaption>p{font-size:11px;line-height:1.7;margin-top:7px}.cut-dialog-footer{padding-inline:15px;gap:8px}.cut-dialog-footer>button{font-size:11px}#cut-dialog-note{font-size:9px}.box-cuts-library .cut-region-content{padding:22px}}
@media(max-width:360px){.cut-dialog-scroll{padding-inline:17px}.cut-product{grid-template-columns:86px 1fr;gap:12px}.cut-product h4{font-size:21px}.box-cuts-regions{gap:0 12px;padding-inline:15px}.box-cuts-regions>a{font-size:11px;gap:6px}.box-cuts-instruction{font-size:10px}.box-cuts-schematic{font-size:7px}.cut-dialog-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.cut-dialog[open]{animation:none}.box-pig-area,.box-pig-marker circle,.box-cuts-regions>a,.box-cuts-more>a{transition:none}}
@media print{.cut-dialog{display:none!important}.box-cuts{print-color-adjust:exact}.box-cuts-library[hidden]{display:block!important}.cut-region-content{break-inside:avoid}.box-cuts-board{break-inside:avoid}.box-cuts-library .cut-region-content{border:1px solid #c8cbb2}}