@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #efaa55;outline-offset:3px}[hidden]{display:none!important}
/* SJIEK KLASSIEK: immersive editorial + dossier */
.classic{font-family:Manrope,Arial,sans-serif;background:#e9e1d2;color:#1b281e}.c-nav{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,90px);background:#111e17;color:#f6ead2;gap:20px}.c-brand{display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:.13em;font-weight:700}.c-brand i{font-style:normal;font-weight:400}.compass{display:grid;place-items:center;border:1px solid #c2a36b;border-radius:50%;height:37px;width:37px;color:#c2a36b;font-size:27px}.c-nav nav{display:flex;gap:30px;font-size:12px}.c-pill{border:1px solid #b69c6c;border-radius:30px;background:transparent;color:#f8e7c7;padding:12px 17px;font-size:12px}.c-pill span{margin-left:12px}.c-hero{height:min(850px,calc(100svh - 80px));min-height:590px;position:relative;background:radial-gradient(ellipse at 74% 60%,#6b5534 0,#1e291e 42%,#101c16 78%);color:#f4e8d4;overflow:hidden}.c-hero-art{position:absolute;inset:0 0 0 42%;overflow:hidden;opacity:.93}.c-glow{position:absolute;width:90%;height:100%;right:0;background:radial-gradient(ellipse at 70% 42%,#b48b4e75,transparent 55%)}.c-arch{position:absolute;bottom:-10%;width:38%;height:95%;border:25px solid #332b1c;border-top:45px solid #55402a;border-radius:50% 50% 0 0;box-shadow:inset 0 0 0 3px #b78b4b,0 0 0 2px #80643b,inset 0 0 75px #000}.c-arch.a1{left:5%;transform:scale(.8);transform-origin:bottom}.c-arch.a2{left:35%;height:110%;width:45%;border-width:33px}.c-arch.a3{right:-18%;height:90%}.c-marble{position:absolute;bottom:-20%;left:-10%;width:130%;height:45%;background:linear-gradient(160deg,transparent 25%,#b19b74 26%,#2d291e 29%,#c8b18c 31%,#372b20 33%,transparent 38%),linear-gradient(#75634b,#201d16);transform:perspective(400px) rotateX(55deg);opacity:.7}.c-hero-content{position:absolute;top:50%;left:clamp(25px,8vw,135px);transform:translateY(-50%);max-width:680px}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:700}.c-hero .eyebrow{color:#cdb17e}.c-hero h1,.c-heading h2,.c-cinema h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.03;letter-spacing:-.045em}.c-hero h1{font-size:clamp(65px,8vw,130px);margin:30px 0}.c-hero h1 em,.c-heading h2 em,.c-cinema h2 em{color:#c5a777;font-weight:400}.c-hero-content p{max-width:440px;line-height:1.85;font-size:14px;color:#ddd4c2}.c-actions{display:flex;align-items:center;gap:26px;margin-top:30px;flex-wrap:wrap}.c-gold{display:inline-flex;align-items:center;gap:24px;background:#cdb27d;color:#17231a;border:0;border-radius:2px;padding:17px 23px;font-size:12px;font-weight:700}.c-textbtn{background:none;color:#e4d7bf;border:0;text-decoration:underline;text-underline-offset:6px;font-size:12px}.c-hero-footer{position:absolute;bottom:35px;left:clamp(25px,8vw,135px);right:clamp(25px,8vw,135px);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#bfae90}.c-collection,.c-dossier{padding:110px clamp(22px,7vw,120px)}.c-heading{max-width:740px;margin-bottom:55px}.c-heading h2{font-size:clamp(47px,6vw,85px);margin:16px 0 20px}.c-heading h2 em{color:#84663f}.c-heading p{font-size:14px;line-height:1.9;max-width:530px;color:#5b6159}.c-book{display:grid;grid-template-columns:1fr 1fr;max-width:1120px;margin:auto;min-height:480px;box-shadow:0 25px 70px #2c241c30}.c-book-cover{background:radial-gradient(circle at 55% 40%,#36513d,#10231b 65%);color:#d9c39b;padding:50px;display:flex;flex-direction:column;align-items:center;text-align:center;border:15px solid #172a1f;outline:1px solid #a99162;outline-offset:-27px}.c-book-cover>span{letter-spacing:.3em;font-size:11px}.c-ornament{font-size:90px;margin:45px 0 10px;font-weight:100}.c-book-cover h3{font:400 42px 'Playfair Display',Georgia,serif;margin:10px 0}.c-book-cover p{font-size:12px}.c-book-cover small{margin-top:auto;letter-spacing:.2em}.c-book-page{background:#f7f0e3;padding:65px;display:flex;flex-direction:column}.c-book-page h3{font:400 clamp(35px,4vw,60px) 'Playfair Display',Georgia,serif;margin:38px 0 15px}.c-book-page p{font-size:14px;line-height:2;color:#555b50}.c-chapter-actions{margin-top:auto;display:flex;align-items:center;gap:22px;padding-top:40px}.c-chapter-actions button{background:transparent;border:1px solid #b9a98c;border-radius:50%;height:44px;width:44px}.c-chapter-actions span{font-size:11px;letter-spacing:.15em}.c-dossier{background:#14231b;color:#efe5d1}.c-dossier .c-heading p{color:#b9c2b5}.c-dossier .c-heading h2 em{color:#c4a875}.c-crm{display:grid;grid-template-columns:210px 300px minmax(0,1fr);min-height:490px;border:1px solid #a88e5c66;background:#f5eee2;color:#203025;box-shadow:0 30px 60px #0004}.c-side{background:#14291e;color:#e6d5b2;padding:25px 15px;display:flex;flex-direction:column;gap:10px}.c-side-brand{font-size:11px;letter-spacing:.1em;padding:15px 8px 25px}.c-side button{border:0;background:transparent;color:inherit;text-align:left;padding:14px;border-radius:3px;font-size:12px}.c-side button.selected{background:#d3bd90;color:#17261c}.c-side-bottom{margin-top:auto;font-size:10px;line-height:1.8;letter-spacing:.1em;padding:15px 8px}.c-side-bottom small{letter-spacing:0}.c-list{padding:30px 20px;border-right:1px solid #d9cdb9}.c-list-title{font:30px 'Playfair Display',Georgia,serif;display:flex;justify-content:space-between}.c-list-title span{font:12px Manrope;margin-top:10px}.c-list input{width:100%;border:1px solid #d7cbb6;background:#fffaf2;padding:12px;margin:20px 0}.c-item{display:block;width:100%;border:1px solid transparent;border-bottom-color:#dfd5c3;background:transparent;padding:18px 10px;text-align:left}.c-item.active{border-color:#ab8d59;background:#e9ddc7}.c-item strong,.c-item small{display:block}.c-item strong{font:20px 'Playfair Display',Georgia,serif}.c-item small{font-size:11px;color:#687064;margin-top:6px}.c-detail{padding:40px 45px}.c-detail h3{font:42px 'Playfair Display',Georgia,serif;margin:22px 0 4px}.c-detail>p{font-size:13px;color:#6a7169;margin-bottom:40px}.c-detail label{display:block;font-size:12px;font-weight:700;margin-top:20px}.c-detail select,.c-detail textarea{display:block;width:100%;padding:13px;border:1px solid #d4c5a9;background:#fffbf4;margin-top:8px;color:#263329}.c-save-row{display:flex;align-items:center;gap:16px;margin-top:25px;flex-wrap:wrap}.c-save-row span{font-size:12px}.c-footer{background:#0f1d16;color:#d7c8aa;display:flex;justify-content:space-between;padding:35px 6vw;gap:20px;flex-wrap:wrap;font-size:11px}.c-overlay{position:fixed;inset:0;background:#050c09ed;z-index:30;display:grid;place-items:center;padding:25px}.c-cinema{position:relative;width:min(1050px,100%);height:min(620px,80vh);background:radial-gradient(ellipse at 55% 50%,#77623c,#1c2d21 48%,#080e0a 90%);color:#f7e9d3;overflow:hidden;display:grid;place-items:center;text-align:center}.c-cinema:before{content:'';position:absolute;inset:-25%;border:1px solid #bfa27670;border-radius:50%;animation:spin 22s linear infinite}.c-cinema:after{content:'';position:absolute;inset:10%;border:1px solid #bfa27655;border-radius:50%;animation:spin 15s linear infinite reverse}.c-cinema-mark{position:absolute;font-size:260px;color:#e5bd7a26;animation:pulse 5s ease-in-out infinite}.c-cinema-text{position:relative;z-index:2;animation:rise 1.4s ease both}.c-cinema-text span{letter-spacing:.3em;font-size:11px}.c-cinema h2{font-size:clamp(45px,7vw,95px);margin:25px}.c-cinema-text p{font-size:14px}.c-cinema-note{position:absolute;bottom:22px;font-size:10px;opacity:.7}#c-close{position:absolute;right:20px;top:20px;border:1px solid #d4b983;background:transparent;color:#fff;border-radius:50%;height:42px;width:42px;z-index:5}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.25);opacity:.35}}@keyframes rise{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
/* DUTCH DESIGN BOLD: brutalist modular composition */
.bold{font-family:'DM Sans',Arial,sans-serif;color:#111;background:#f4f0e8}.b-nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#f9f6ef;border-bottom:3px solid #111}.b-logo{font-size:16px;font-weight:900;line-height:.85;letter-spacing:-.05em;position:relative}.b-logo span{color:#fa4b19;font-size:29px;margin-left:8px}.b-nav-links{display:flex;gap:35px;font-size:11px;font-weight:900}.b-index{font-size:13px;font-weight:900}.b-hero{min-height:700px;display:grid;grid-template-columns:55% 45%;border-bottom:3px solid #111}.b-hero-left{position:relative;padding:clamp(35px,6vw,100px) 5vw;background:#f9f6ef;overflow:hidden}.b-kicker{font-weight:900;font-size:12px;letter-spacing:.08em}.b-hero h1{font-size:clamp(75px,10vw,165px);letter-spacing:-.105em;line-height:.82;margin:55px 0 35px;font-weight:900}.b-hero h1 span{color:#fb4e1b}.b-hero p{max-width:370px;font-size:16px;line-height:1.6}.b-cta{display:inline-flex;background:#111;color:#fff;padding:20px 23px;margin-top:24px;font-size:12px;font-weight:900;gap:60px}.b-cta span{color:#ff5b2a}.b-side-label{position:absolute;bottom:30px;left:5vw;font-size:11px;font-weight:800;letter-spacing:.1em}.b-hero-right{background:#124ef5;position:relative;overflow:hidden;min-height:550px}.b-orbit{position:absolute;border:solid #ff4c16;border-radius:50%;transform:rotate(-25deg)}.b-orbit.o1{width:75%;aspect-ratio:1;top:2%;left:-15%;border-width:85px}.b-orbit.o2{width:70%;aspect-ratio:1;right:-30%;bottom:-15%;border-width:65px;border-color:#f7f0e5}.b-orbit.o3{width:45%;aspect-ratio:1;top:32%;left:22%;border-width:50px;border-color:#111}.b-sticker{position:absolute;top:13%;right:7%;background:#f8f4e9;padding:25px;transform:rotate(9deg);font-size:clamp(20px,3vw,46px);font-weight:900;line-height:.98;box-shadow:14px 14px 0 #111}.b-number{position:absolute;bottom:5%;left:7%;color:#fff;font-size:clamp(110px,15vw,240px);font-weight:900;line-height:.8;letter-spacing:-.1em}.b-vertical{position:absolute;right:12px;bottom:20px;writing-mode:vertical-rl;color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em}.b-mix,.b-board{padding:90px 5vw 110px}.b-section-label{font-size:12px;font-weight:900;border-top:3px solid #111;padding-top:14px}.b-mix h2,.b-board h2{font-size:clamp(65px,9vw,145px);font-weight:900;line-height:.9;letter-spacing:-.09em;margin:38px 0 20px}.b-mix h2 span{color:#1453f8}.b-board h2 span{color:#fb4e1b}.b-mix>p,.b-board>p{font-size:15px;max-width:540px;line-height:1.6;margin-bottom:40px}.b-mixer{display:grid;grid-template-columns:1fr 1.1fr;min-height:460px;border:3px solid #111}.b-controls{padding:35px;background:#f8f5ed}.b-control-head{font-size:12px;font-weight:900;display:flex;justify-content:space-between;margin-bottom:20px}.b-controls label{display:flex;align-items:center;gap:16px;border-top:2px solid #111;padding:20px 0;font-weight:900;font-size:clamp(18px,2vw,28px);cursor:pointer}.b-controls label>span{font-size:11px}.b-controls label strong{margin-left:auto}.b-controls input{accent-color:#1354fb;width:22px;height:22px}.b-controls button{background:#fa4b19;color:#fff;border:0;padding:18px 22px;font-weight:900;margin-top:25px}.b-controls #b-copy-msg{display:block;font-size:12px;margin-top:10px}.b-preview{background:#1151f4;padding:30px;color:#fff;display:flex;flex-direction:column}.b-preview-top,.b-preview-bottom{display:flex;justify-content:space-between;font-size:11px;font-weight:900}.b-preview-bottom{margin-top:auto;font-size:17px;align-items:end}.b-preview-bottom span:last-child{font-size:70px}.b-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:45px 0}.b-tile{background:#fff;color:#111;min-height:100px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;font-weight:900;font-size:clamp(16px,2vw,26px);transform:rotate(var(--angle,0deg));transition:transform .2s}.b-tile:nth-child(2){background:#fa4b19;color:white;--angle:3deg}.b-tile:nth-child(3){background:#111;color:#fff;--angle:-2deg}.b-tile:nth-child(4){background:#ffe54d}.b-tile small{font-size:10px}.b-board{background:#ff4d1e}.b-board .b-section-label{border-color:#111}.b-workspace{border:3px solid #111;background:#f5f2e9;box-shadow:14px 14px 0 #111}.b-workspace-bar{background:#111;color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;font-weight:900}.b-workspace-bar button{background:#ffe04b;border:0;padding:12px 17px;font-size:11px;font-weight:900}.b-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:25px;min-height:330px}.b-column{border:2px solid #111;padding:15px;background:#fff}.b-column:nth-child(2){background:#e9efff}.b-column:nth-child(3){background:#e6f4e4}.b-column h3{display:flex;justify-content:space-between;margin:0 0 15px;font-size:17px}.b-total{background:#111;color:#fff;padding:3px 9px;border-radius:100px;font-size:12px}.b-drop{min-height:215px}.b-task{background:#f4f0e8;border:2px solid #111;padding:13px;margin-bottom:10px;cursor:grab;box-shadow:3px 3px 0 #111}.b-task strong{display:block;font-size:14px}.b-task small{display:block;font-size:10px;margin:8px 0}.b-task-actions{display:flex;justify-content:space-between;gap:5px}.b-task-actions button{font-size:10px;border:1px solid #111;background:#fff;padding:5px}.b-workspace-footer{padding:12px 25px;border-top:2px solid #111;display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:900}.b-workspace-footer button{border:0;background:transparent;font-size:11px;font-weight:900}.b-footer{background:#111;color:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:35px 5vw;font-size:11px;font-weight:900}
@media(max-width:950px){.c-nav nav{display:none}.c-crm{grid-template-columns:150px 1fr}.c-detail{grid-column:2}.c-list{border-bottom:1px solid #ccc}.b-nav-links{gap:15px}.b-hero{grid-template-columns:1fr 42%}.b-hero h1{font-size:clamp(60px,9vw,110px)}}@media(max-width:680px){.c-nav{height:65px}.c-pill{font-size:0}.c-pill span{font-size:12px;margin:0}.c-hero{min-height:680px}.c-hero-art{left:10%;opacity:.35}.c-hero-content{left:24px;right:24px}.c-hero h1{font-size:clamp(57px,14vw,80px)}.c-hero-footer{left:24px;right:24px;font-size:8px}.c-collection,.c-dossier{padding:65px 18px}.c-book{grid-template-columns:1fr}.c-book-cover{min-height:350px}.c-book-page{padding:35px;min-height:370px}.c-crm{grid-template-columns:1fr}.c-side{flex-direction:row;align-items:center;flex-wrap:wrap}.c-side-bottom{display:none}.c-detail{grid-column:1;padding:28px}.c-list{padding:25px}.c-cinema{height:75vh}.b-nav{height:70px}.b-nav-links{display:none}.b-hero{display:block}.b-hero-left{min-height:550px;padding:60px 6vw}.b-hero h1{font-size:clamp(65px,15vw,105px)}.b-hero-right{min-height:390px}.b-sticker{font-size:28px}.b-number{font-size:130px}.b-mix,.b-board{padding:65px 5vw}.b-mix h2,.b-board h2{font-size:clamp(55px,12vw,90px)}.b-mixer{grid-template-columns:1fr}.b-columns{grid-template-columns:1fr}.b-drop{min-height:80px}.b-workspace-footer{flex-wrap:wrap}.b-workspace-bar{gap:15px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}