/* Original Drupanel images, framed in KozijnBaas black and orange. */
.drupanel-collection-link{padding-top:0;padding-bottom:52px;background:var(--stone)}
.drupanel-collection-card{display:grid;grid-template-columns:1.2fr 1fr;background:#080808;border:1px solid #464646;overflow:hidden}
.drupanel-collection-photos{display:grid;grid-template-columns:repeat(3,1fr);min-height:330px;overflow:hidden}
.drupanel-collection-photos img{width:100%;height:100%;object-fit:cover}
.drupanel-collection-copy{padding:38px;align-self:center}
.drupanel-collection-copy h2{font-size:clamp(2.7rem,4vw,4.5rem);margin:18px 0}
.drupanel-collection-copy p{max-width:420px;font-size:1rem}
.drupanel-link-action{display:inline-flex;align-items:center;gap:24px;margin-top:12px;font-size:1rem;font-weight:700;color:var(--accent)}
.drupanel-collection-card:hover .drupanel-link-action{text-decoration:underline}
.drupanel-page{background:#080808}
.drupanel-intro{padding-top:30px;padding-bottom:44px}
.drupanel-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#c4c4c4;font-size:.875rem;margin-bottom:32px}
.drupanel-breadcrumb a:hover{color:var(--accent)}
.drupanel-breadcrumb [aria-current]{color:var(--accent)}
.drupanel-intro-row{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:50px}
.drupanel-intro h1{margin:16px 0 0;font-size:clamp(3.7rem,6.5vw,7rem)}
.drupanel-intro-copy{max-width:440px;justify-self:end}
.drupanel-intro-copy p{font-size:1rem;line-height:1.75;color:#c4c4c4;margin:0 0 20px}
.drupanel-jump{display:inline-flex;align-items:center;gap:22px;font-size:1rem;font-weight:700;color:var(--accent);border-bottom:1px solid #ff790060;padding-bottom:9px}
.drupanel-inspiration{padding-top:30px;padding-bottom:46px}
.drupanel-section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}
.drupanel-section-heading h2{font-size:clamp(2.5rem,3.8vw,4.2rem);margin:14px 0 0}
.drupanel-slider-controls{display:flex;gap:8px}
.drupanel-slider-controls button,.drupanel-dialog-navigation button{border:1px solid #6b6b6b;background:#151515;color:#fff;display:grid;place-items:center;font-size:1.5rem;width:48px;height:48px;flex-shrink:0}
.drupanel-slider-controls button:hover,.drupanel-dialog-navigation button:hover{background:var(--accent);color:#080808;border-color:var(--accent)}
.drupanel-slider-controls button:disabled,.drupanel-dialog-navigation button:disabled{opacity:.3;cursor:default}
.drupanel-scenes{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--accent) #242424;scrollbar-width:thin;padding-bottom:14px}
.drupanel-scene{flex:0 0 calc((100% - 36px)/3);position:relative;display:block;border:0;padding:0;scroll-snap-align:start;overflow:hidden;background:#191919;color:white;text-align:left}
.drupanel-scene>img{display:block;width:100%;height:auto;aspect-ratio:1011/1080;object-fit:cover;transition:transform .3s}
.drupanel-scene:hover>img{transform:scale(1.025)}
.drupanel-scene-label{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(0deg,#000d,#0000);padding:40px 22px 18px;letter-spacing:.12em;font-size:.875rem;font-weight:700}
.drupanel-scene-label>span{font-size:1.8rem;line-height:1;color:var(--accent)}
.drupanel-caption{font-size:.875rem;line-height:1.7;color:#a8a8a8;margin:15px 0 0}
.drupanel-catalog{background:#131313;border-top:1px solid #373737;padding-top:58px}
.drupanel-catalog .drupanel-section-heading{margin-bottom:14px}
.drupanel-count{color:#dedede;font-size:1rem;white-space:nowrap;border:1px solid #666;padding:8px 14px}
.drupanel-catalog-note{font-size:1rem;color:#bebebe;margin:0 0 34px}
.drupanel-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}
.drupanel-model{display:flex;flex-direction:column;border:1px solid #373737;padding:0;min-width:0;background:#1c1c1c;color:#fff;text-align:left;overflow:hidden}
.drupanel-model-photo{display:block;position:relative;width:100%;height:340px;background:#f0efed;padding:22px}
.drupanel-model-photo>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transition:transform .2s}
.drupanel-model:hover .drupanel-model-photo>img{transform:scale(1.025)}
.drupanel-enlarge{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;background:#111;color:var(--accent);font-size:1.4rem}
.drupanel-model-copy{display:flex;flex-direction:column;gap:7px;padding:17px 18px 20px;width:100%;flex:1}
.drupanel-model-brand{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:#aaa}
.drupanel-model-name{font-family:var(--sans);font-size:1rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.drupanel-model-hint{font-size:.875rem;color:var(--accent);margin-top:auto;padding-top:7px}
.drupanel-dialog{background:#121212;color:white;border:1px solid #666;padding:0;width:min(1020px,94vw);max-width:94vw;max-height:92svh;overflow:auto}
.drupanel-dialog[open]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}
.drupanel-dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}
.drupanel-dialog-photo{background:#efeeec;height:min(780px,85svh);padding:28px;min-height:360px}
.drupanel-dialog-photo img{width:100%;height:100%;object-fit:contain;display:block}
.drupanel-dialog[data-kind="inspiration"] .drupanel-dialog-photo{background:#080808;padding:0}
.drupanel-dialog-details{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:60px 32px 30px}
.drupanel-dialog-details h2{font-size:clamp(2rem,3.8vw,3.8rem);line-height:1.05;overflow-wrap:anywhere;margin:15px 0 20px}
.drupanel-dialog-details p{font-size:1rem;line-height:1.7;color:#c3c3c3}
.drupanel-dialog-details .btn{font-size:.875rem;gap:12px;padding-left:16px;max-width:100%}
.drupanel-dialog [hidden]{display:none}
.drupanel-dialog-close{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:var(--accent);color:#111;font-size:2rem;line-height:1}
.drupanel-dialog-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem;font-variant-numeric:tabular-nums}
.drupanel-dialog-open{overflow:hidden}
/* Keep intrinsic photo proportions from stretching a card or its entire grid row. */
.drupanel-model-photo.has-scene{flex:none;min-height:0;height:auto;aspect-ratio:4/5;padding:0;background:#161616;overflow:hidden}
.drupanel-model-photo.has-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.drupanel-image-label{position:absolute;left:10px;bottom:10px;padding:5px 8px;background:#080808cc;color:#fff;font-size:.75rem;line-height:1.4}
.drupanel-model-ral{font-size:.875rem;line-height:1.5;color:#c6c6c6}
.drupanel-intro-copy .drupanel-ral-statement,.drupanel-dialog-details .drupanel-ral-statement{color:#fff;font-weight:600;font-size:1rem;line-height:1.6}
.drupanel-ral-statement>span{font-weight:400;color:#b9b9b9;font-size:.875rem}
.drupanel-view-switch{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.drupanel-view-switch button{font-size:.875rem;line-height:1.4;min-height:44px;border:1px solid #777;background:transparent;color:#eee;padding:10px 12px}
.drupanel-view-switch button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#111}
.drupanel-dialog[data-view="scene"] .drupanel-dialog-photo{background:#080808;padding:0}
.drupanel-page :focus-visible,.drupanel-collection-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(min-width:1500px){.drupanel-models{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.drupanel-models{grid-template-columns:repeat(3,minmax(0,1fr))}.drupanel-model-photo{height:310px}.drupanel-collection-card{grid-template-columns:1fr}.drupanel-collection-photos{height:340px;min-height:0}.drupanel-collection-photos img{object-position:center 48%}}
@media(max-width:600px){
 .drupanel-intro{padding-top:24px;padding-bottom:26px}.drupanel-breadcrumb{margin-bottom:24px}
 .drupanel-intro-row{grid-template-columns:1fr;gap:22px}.drupanel-intro h1{font-size:clamp(3.5rem,13vw,5rem)}.drupanel-intro-copy{justify-self:start}
 .drupanel-inspiration{padding-top:20px;padding-bottom:32px}.drupanel-section-heading{align-items:center;gap:12px}.drupanel-section-heading h2{font-size:2.35rem;max-width:330px}.drupanel-section-heading .eyebrow{font-size:.75rem}
 .drupanel-slider-controls{gap:5px}.drupanel-slider-controls button{width:40px;height:44px;font-size:1.3rem}
 .drupanel-scenes{gap:12px;margin-right:-23px;padding-right:23px}.drupanel-scene{flex-basis:86%}.drupanel-scene-label{padding-inline:17px}
 .drupanel-catalog{padding-top:38px}.drupanel-count{font-size:.875rem;padding:7px 10px}.drupanel-catalog-note{margin-bottom:24px}
 .drupanel-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.drupanel-model-photo{height:245px;padding:14px 10px}.drupanel-model-copy{padding:13px 12px 15px}.drupanel-model-name{font-size:1rem}.drupanel-model-brand{font-size:.75rem}.drupanel-model-hint{font-size:.875rem}
 .drupanel-collection-copy{padding:28px 23px}.drupanel-collection-photos{height:240px}.drupanel-collection-link{padding-bottom:34px}
 .drupanel-dialog[open]{grid-template-columns:1fr}.drupanel-dialog-photo{height:53svh;min-height:250px;padding:20px}.drupanel-dialog-details{padding:24px;gap:22px}.drupanel-dialog-details h2{font-size:2.2rem;margin:10px 0}.drupanel-dialog-details p{margin:10px 0 18px}.drupanel-dialog-navigation button{width:44px;height:44px}
}
@media(max-width:360px){.drupanel-model-photo{height:210px}.drupanel-section-heading h2{font-size:2.05rem}.drupanel-slider-controls button{width:36px}}
@media(prefers-reduced-motion:reduce){.drupanel-scene>img,.drupanel-model-photo>img{transition:none}}