:root{--bg:#11120f;--surface:#191a16;--gold:#d5b77a;--ivory:#f4f0e5;--muted:#b6b7a9;--line:#36372e;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ivory);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}header{max-width:1400px;margin:auto;padding:22px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand img{width:114px;height:auto;display:block}nav{display:flex;gap:34px;font-size:13px;align-items:center}nav a:hover{color:var(--gold)}.nav-search{border:1px solid #555746;padding:10px 16px}.nav-search span{margin-left:18px}.hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:670px;padding:60px 6% 66px;gap:60px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--gold);margin:0 0 22px}.hero .eyebrow{display:flex;gap:10px;align-items:center}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.8px}h1{font-size:clamp(50px,5.2vw,80px);line-height:1.09;margin-bottom:26px}em{font-weight:400;color:var(--gold)}.intro{max-width:355px;color:var(--muted);font-size:15px;margin-bottom:30px}.button{display:inline-flex;padding:15px 22px;gap:38px;justify-content:space-between;align-items:center;font-size:13px;font-weight:bold;border:1px solid var(--gold)}.gold{background:var(--gold);color:#191b13}.button:hover{filter:brightness(1.12)}.hero-note{font-size:11px;color:#8e9182;margin:14px 0 0}.hero-art{align-self:stretch;background:#171912;position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #343729}.hero-art>img{width:100%;object-fit:contain;position:relative;mix-blend-mode:lighten;z-index:1;margin-top:-40px}.orbit{width:84%;aspect-ratio:1;border:1px solid #60634370;border-radius:50%;position:absolute;top:7%}.orbit:after{content:'';position:absolute;inset:18px;border-radius:50%;border:1px solid #60634335}.art-word{position:absolute;font-family:Georgia,serif;font-size:125px;opacity:.03;top:10%;color:var(--gold)}.art-caption{position:absolute;bottom:27px;left:30px;z-index:2}.art-caption>span{font-size:9px;color:var(--gold);letter-spacing:2px}.art-caption b{display:block;font:25px Georgia,serif;margin:9px 0}.art-caption a{font-size:11px;color:var(--muted)}.art-caption a span{margin-left:18px}.art-index{position:absolute;right:25px;bottom:25px;font-size:10px;letter-spacing:1px;color:#91947d}.collections{padding:85px 6% 90px;max-width:1400px;margin:auto;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:45px}h2{font-size:44px;line-height:1.14;margin-bottom:0}.section-head>p{font-size:13px;color:var(--muted);margin:0 0 4px}.catalogue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.catalogue-card{min-width:0}.cover-button{width:100%;border:1px solid var(--line);padding:18px 25px;background:#1a1b17;position:relative;display:block;overflow:hidden}.cover-button img{width:100%;height:auto;object-fit:contain;display:block;box-shadow:0 8px 16px #0005;transition:transform .25s}.cover-button:hover img{transform:translateY(-5px)}.cover-number{position:absolute;top:8px;left:8px;font-size:9px;color:var(--gold);letter-spacing:1px}.catalogue-card h3{font:23px Georgia,serif;margin:20px 0 9px}.catalogue-card p{font-size:12px;color:var(--muted);min-height:39px;line-height:1.5}.card-links{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;gap:8px}.card-links button{font-size:12px;background:transparent;border:0;padding:3px 0}.card-links button:first-child{color:var(--gold)}.card-meta{display:block;font-size:10px;color:#8e9182;margin-top:15px}.search-section{max-width:1400px;margin:auto;background:#1a1c16;padding:60px 6%;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-block:1px solid var(--line)}.search-section h2{font-size:37px}.search-section p:not(.eyebrow){font-size:13px;color:var(--muted);margin:16px 0 0;max-width:350px}.search-section form{align-self:center;min-width:0}.search-section label{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.search-box{display:flex;border-bottom:1px solid #898f71;padding-bottom:10px;gap:8px}.search-box input{background:transparent;color:var(--ivory);border:0;min-width:0;width:100%;padding:8px 0;font-size:19px}.search-box button{background:var(--gold);border:0;color:#15170f;font-size:12px;padding:9px 15px}.result-item{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:13px 0;color:var(--ivory);font-size:13px}.result-item span{font-size:10px;color:var(--muted)}.result-message{font-size:12px;padding-top:13px;color:var(--muted)}.how{max-width:1400px;margin:auto;padding:80px 6%}.how h2{font-size:38px}.steps{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps span{font:italic 28px Georgia,serif;color:var(--gold)}.steps h3{font:23px Georgia,serif;margin:15px 0 10px}.steps p{font-size:13px;color:var(--muted);max-width:285px}.smallprint{margin:32px 0 0;font-size:10px;color:#8e9182;border-top:1px solid var(--line);padding-top:20px}footer{border-top:1px solid var(--line);max-width:1400px;margin:auto;padding:32px 6%;display:flex;align-items:center;gap:28px;flex-wrap:wrap}footer img{object-fit:contain;width:90px;height:auto}footer p{font:italic 18px Georgia,serif;color:var(--gold);margin:0}footer a{font-size:11px;margin-left:auto}footer small{width:100%;font-size:9px;color:#8e9182;letter-spacing:1px}dialog{color:var(--ivory);border:1px solid var(--line);background:var(--bg);padding:0;max-width:100vw}dialog::backdrop{background:#000d}body.modal-open{overflow:hidden}#viewer{width:min(100vw,1250px);height:100dvh;max-height:100dvh;margin:auto}.viewer-shell{height:100%;display:flex;flex-direction:column}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-bottom:1px solid var(--line);gap:12px}.viewer-top .eyebrow{font-size:8px;letter-spacing:2px;margin:0}.viewer-top h2{font-family:Arial,sans-serif;font-size:17px;letter-spacing:0;margin-top:3px}.viewer-tools{display:flex;align-items:center;gap:10px}.icon-button,.close-button{background:transparent;border:1px solid #4d5140;padding:8px 13px;font-size:12px}.close-button{font-size:25px;line-height:1;width:40px;height:40px;padding:0}.page-stage{flex:1;min-height:0;overflow:auto;background:#262820;position:relative;text-align:center;padding:14px}.page-stage img{display:block;max-width:100%;width:auto;height:auto;max-height:100%;margin:auto;box-shadow:0 3px 20px #0006}.page-stage img.loading{opacity:.3}#page-status{position:absolute;left:0;right:0;top:25px;font-size:12px;z-index:1;padding:8px;background:#111d;margin:auto;width:max-content;max-width:90%}#page-status[hidden]{display:none}.page-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 22px;border-top:1px solid var(--line)}.page-label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}#page-number{width:54px;padding:5px;color:var(--ivory);background:var(--surface);border:1px solid #4d5140;text-align:center;-moz-appearance:textfield}#page-number::-webkit-inner-spin-button{display:none}.viewer-hint{font-size:9px;color:var(--muted);text-align:center;padding:0 10px 8px;margin:0}#downloads{width:620px;max-height:88dvh;padding:27px}.download-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.download-head .eyebrow{margin-bottom:10px}.download-head h2{font-size:30px}.download-intro{font-size:13px;color:var(--muted);margin:22px 0}.download-section h3{font-size:13px;margin:22px 0 10px;color:var(--gold)}.download-link{display:flex;justify-content:space-between;border:1px solid var(--line);padding:12px;margin-bottom:8px;font-size:12px;gap:12px}.download-link:hover{background:var(--surface)}.download-link small{color:var(--muted);white-space:nowrap}.skip{position:fixed;top:-100px;background:var(--gold);color:#111;padding:10px;z-index:100}.skip:focus{top:0}@media(min-width:1400px){body{border-inline:1px solid #292c22;max-width:1500px;margin:auto}}@media(max-width:1000px){.hero{gap:30px;min-height:600px}.hero-art{min-height:460px}.catalogue-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.cover-button{padding:26px 50px}.catalogue-card p{min-height:0}.section-head h2{font-size:38px}.search-section{gap:30px}.search-section h2{font-size:31px}.art-caption{left:20px}.art-caption b{font-size:21px}.art-index{display:none}}@media(max-width:650px){header{padding:18px 6%}.brand img{width:84px}nav{gap:18px;font-size:11px}.nav-help{display:none}.nav-search{padding:7px 10px}.nav-search span{margin-left:7px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:30px}.hero h1{font-size:55px}.hero .intro{max-width:310px}.hero-art{min-height:330px;max-height:370px}.hero-art>img{max-width:420px;margin-top:-25px}.orbit{height:340px;width:340px;top:-25px}.art-caption{bottom:20px}.art-caption b{font-size:22px}.art-caption>span{font-size:8px}.art-word{font-size:100px}.eyebrow{font-size:9px;letter-spacing:1.9px}.collections{padding:48px 6%}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:18px}.section-head h2{font-size:34px}.catalogue-grid{gap:28px 14px}.cover-button{padding:16px 13px}.catalogue-card h3{font-size:21px;margin-top:15px}.catalogue-card p{font-size:11px;min-height:48px;margin-bottom:12px}.card-links{flex-wrap:wrap;gap:9px}.card-links button{font-size:11px}.card-meta{font-size:9px}.search-section{grid-template-columns:1fr;gap:25px;padding:38px 6%}.search-section h2{font-size:33px}.how{padding:50px 6%}.how h2{font-size:32px}.steps{grid-template-columns:1fr;gap:22px;margin-top:30px}.steps>div{display:grid;grid-template-columns:44px 1fr;gap:2px 16px}.steps span{grid-row:span 2}.steps h3{margin:3px 0 5px}.steps p{margin:0;max-width:100%}.smallprint{line-height:1.7}footer{gap:16px}footer p{font-size:16px}footer a{margin:0;width:100%}.viewer-top{padding:10px 12px}.viewer-tools{gap:6px}.viewer-top h2{font-size:15px}.icon-button{padding:8px 10px}.page-nav{padding:10px 12px}.page-nav button span{display:none}.page-stage{padding:8px;display:flex;align-items:center}.page-stage img{max-height:none;width:100%;height:auto}.viewer-hint{font-size:8px}#downloads{padding:22px;max-width:95vw}.download-link{font-size:11px}.download-link small{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

[hidden]{display:none!important}.preview-banner{padding:12px 6%;background:#2c2b20;color:#e6d6a9;font-size:11px;border-bottom:1px solid #665a38;line-height:1.6}.preview-banner a{text-decoration:underline;white-space:nowrap}.pdf-locked{font-size:10px;color:#989d88;align-self:center}

.page-stage{display:flex;justify-content:center;align-items:center;padding:18px;perspective:1600px;touch-action:pan-y pinch-zoom}.book{position:relative;display:flex;align-items:flex-start;flex-shrink:0;width:min(100%,calc((100dvh - 190px) * var(--page-ratio,.707) * 2));box-shadow:0 12px 32px #0008;margin:auto}.book.single{width:min(100%,calc((100dvh - 190px) * var(--page-ratio,.707)))}.page-stage .book img{width:50%;max-width:none;max-height:none;height:auto;margin:0;box-shadow:none;user-select:none;-webkit-user-select:none}.page-stage .book.single img{width:100%}.book:not(.single):after{content:'';position:absolute;left:calc(50% - 10px);top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,#0006 48%,#0008 51%,transparent);pointer-events:none}.page-stage.zoomed{display:block;touch-action:pan-x pan-y pinch-zoom}.page-stage.zoomed .book{width:1600px;max-width:none;margin:0 auto}.page-stage.zoomed .book.single{width:1000px}.page-stage.zoomed .book:after{display:none}.page-label{white-space:nowrap}.print-notice{display:none}@media(max-width:899px){.page-stage{padding:8px}.book,.book.single{width:100%;max-width:600px}.page-stage.zoomed .book.single{width:1000px;max-width:none}}@media(max-width:650px){.viewer-tools{gap:4px}.viewer-tools .icon-button{font-size:10px;padding:8px}.viewer-top h2{font-size:13px}}@media print{body>*{display:none!important}body:after{content:'Shock4me — besloten catalogus. Alleen online te bekijken.';display:block;color:#000}}

.custom-cta{max-width:1400px;margin:auto;padding:55px 6%;border-top:1px solid var(--line);display:flex;gap:45px;align-items:center;justify-content:space-between;background:#22261b}.custom-cta h2{font-size:39px}.custom-cta p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:540px;margin:20px 0 0}.custom-cta small{display:block;font-size:10px;color:var(--muted);margin-top:14px}.custom-cta .button{white-space:nowrap}@media(max-width:650px){.nav-custom{display:none}.custom-cta{padding:40px 6%;display:block}.custom-cta h2{font-size:34px}.custom-cta>div+div{margin-top:25px}}