.panel-preview,.panel-comparison{margin:52px 0;scroll-margin-top:90px;min-width:0}
.panel-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:22px 24px;color:#eee;background:#202527;border:1px solid #42484b;text-align:left;font:inherit;cursor:pointer}
.panel-toggle strong{display:block;font-size:24px;font-weight:500}.panel-toggle small{display:block;margin-top:7px;color:#b8bdbc;font-size:14px}.panel-toggle>span:last-child{color:#ff652e;white-space:nowrap}
.panel-3d-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 320ms ease;visibility:hidden}.panel-preview.is-open .panel-3d-body{grid-template-rows:1fr;visibility:visible}.panel-3d-inner{min-height:0;overflow:hidden}
.panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:20px 0 0}.panel-toolbar button,[data-panel-retry]{min-height:44px;padding:9px 16px;background:#232729;color:#ddd;border:1px solid #555;font:inherit;cursor:pointer}.panel-toolbar label{margin-left:auto;display:flex;gap:12px;align-items:center;color:#c5c8c6;font-size:14px}.panel-toolbar input{width:150px;accent-color:#ff652e}.panel-toolbar output{width:42px}
.panel-help{color:#b8bdbc;font-size:14px;line-height:1.65;margin:14px 0}.panel-canvas-frame{background:#20272c}.panel-canvas-frame canvas{display:block;width:100%;height:620px;touch-action:none;outline-offset:3px}.panel-canvas-frame canvas:focus-visible{outline:2px solid #ff652e}.panel-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ff652e;margin:0 0 12px}.panel-comparison h2{font-size:clamp(28px,3.5vw,42px);line-height:1.15;letter-spacing:-.025em;margin:0 0 16px}.panel-comparison-intro{max-width:900px;font-size:17px;line-height:1.65;color:#c1c3c0}.panel-detail-comparison{margin-top:32px}.panel-detail-comparison h3{font-size:23px;font-weight:500;margin:0 0 6px}.panel-cutter-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.panel-cutter-view{margin:0;background:#262b2e;min-width:0}.panel-cutter-view figcaption{padding:16px;display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap;color:#eee}.panel-cutter-view strong{font-size:26px;font-weight:500}.panel-cutter-view span{font-size:13px;color:#bdc1c0}.panel-cutter-view a{display:block;cursor:zoom-in;line-height:0}.panel-cutter-view img{display:block;width:100%;height:auto;aspect-ratio:1;mix-blend-mode:normal!important;filter:none!important;opacity:1}.panel-cutter-choice,.panel-cutter-controls,.panel-mobile-help{display:none}
/* New photographs always retain their original colour and contrast. */
img[src*="wolf-bear-"],img[src*="panel-previews/volk-i-medved/"]{mix-blend-mode:normal!important;filter:none!important;opacity:1!important}
.catalog-image[href="/work/panno-volk-i-medved/"]{background:#1e252b!important}.catalog-image[href="/work/panno-volk-i-medved/"]::before,.catalog-image[href="/work/panno-volk-i-medved/"]::after{content:none!important}
.product-image-frame:has(>img[src*="wolf-bear-"]){background:#1e252b;line-height:0}.product-image-frame>img[src*="wolf-bear-"]{object-fit:contain;height:auto}.product-image-frame:has(>img[src*="wolf-bear-"])::after,.product-image-frame:has(>img[src*="wolf-bear-"])::before{content:none!important}
@media(max-width:640px){.panel-preview,.panel-comparison{margin:36px 0}.panel-toggle{padding:17px 15px}.panel-toggle strong{font-size:21px}.panel-toggle small{font-size:12px}.panel-toggle>span:last-child{font-size:13px}.panel-toolbar label{margin:6px 0;width:100%;justify-content:space-between}.panel-toolbar input{flex:1;max-width:220px}.panel-canvas-frame canvas{height:440px}.panel-cutter-choice{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.panel-cutter-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.panel-cutter-controls label{display:flex;align-items:center;justify-content:center;min-height:48px;background:#25292b;color:#eee;border:1px solid #555;font-size:16px;cursor:pointer}.panel-cutter-choice:nth-child(1):checked~.panel-cutter-controls label:nth-child(1),.panel-cutter-choice:nth-child(2):checked~.panel-cutter-controls label:nth-child(2),.panel-cutter-choice:nth-child(3):checked~.panel-cutter-controls label:nth-child(3){background:#ff652e;border-color:#ff652e;color:#141414}.panel-cutter-choice:nth-child(1):focus-visible~.panel-cutter-controls label:nth-child(1),.panel-cutter-choice:nth-child(2):focus-visible~.panel-cutter-controls label:nth-child(2),.panel-cutter-choice:nth-child(3):focus-visible~.panel-cutter-controls label:nth-child(3){outline:2px solid white;outline-offset:2px}.panel-mobile-help{display:block;font-size:13px;line-height:1.5;color:#b8bdbc}.panel-cutter-views{display:block}.panel-cutter-view{display:none}.panel-cutter-choice:nth-child(1):checked~.panel-cutter-views .panel-cutter-R025,.panel-cutter-choice:nth-child(2):checked~.panel-cutter-views .panel-cutter-R05,.panel-cutter-choice:nth-child(3):checked~.panel-cutter-views .panel-cutter-R075{display:block}}
@media(prefers-reduced-motion:reduce){.panel-3d-body{transition:none}}