/*
Theme Name: 3kruizen Theme
Version: 1.0.0
*/
:root{--paper:#f7f1e7;--ink:#191716;--muted:#675f56;--line:#d8cbbc;--red:#a5282c;--dark:#242322;--gold:#b88746;--white:#fffaf2;--wrap:1120px;--gutter:clamp(16px,4vw,56px);--display:Georgia,"Times New Roman",serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html,body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.62}
a{color:inherit;text-decoration:none;text-underline-offset:3px}
.kr-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 88%,var(--white));border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);backdrop-filter:blur(14px)}
.kr-nav{max-width:var(--wrap);margin:0 auto;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:18px}
.kr-brand{font-family:var(--display);font-size:25px;text-decoration:none;white-space:nowrap}.kr-mark{color:var(--red);letter-spacing:2px;margin-right:9px;font-weight:700}
.kr-menu-toggle{display:none;align-items:center;gap:9px;min-height:42px;padding:0 0 0 10px;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:850;cursor:pointer}.kr-menu-icon{position:relative;display:block;width:24px;height:16px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.kr-menu-icon:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid currentColor;transform:translateY(-50%)}.kr-menu-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--red) 62%,var(--white));outline-offset:4px}.kr-menu-toggle[aria-expanded="true"] .kr-menu-icon{border-color:transparent}.kr-menu-toggle[aria-expanded="true"] .kr-menu-icon:before{transform:translateY(-50%) rotate(45deg)}.kr-menu-toggle[aria-expanded="true"] .kr-menu-icon:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid currentColor;transform:translateY(-50%) rotate(-45deg)}
.kr-links{display:flex;gap:18px;flex-wrap:wrap;font-size:15px}.kr-links ul,.kr-links li{display:contents;list-style:none;margin:0;padding:0}.kr-links a{text-decoration:none;color:var(--ink);font-weight:720}.kr-links a:hover{color:var(--red)}
.kr-wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.kr-hero{min-height:calc(100svh - 74px);display:grid;align-items:end;padding:clamp(84px,12vw,150px) 0 clamp(28px,5vw,58px);background:linear-gradient(90deg,rgba(20,16,13,.86) 0%,rgba(20,16,13,.58) 42%,rgba(20,16,13,.18) 100%),linear-gradient(180deg,rgba(20,16,13,.18),rgba(20,16,13,.72)),url("assets/hero-amsterdam-kruisen-overlay.png") center/cover no-repeat;color:var(--white)}.kr-hero-grid{display:block;max-width:760px}.kr-hero .kr-image{display:none}
.kr-eyebrow,.kr-meta{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
h1,h2,h3{font-family:var(--display);letter-spacing:0;line-height:1.08}h1{font-size:clamp(44px,7vw,92px);margin:12px 0 18px;max-width:980px}h2{font-size:clamp(28px,4vw,42px);margin:0 0 16px}h3{font-size:24px;margin:0 0 8px}
.kr-lede{font-size:clamp(18px,2vw,22px);max-width:720px;color:var(--dark)}.kr-hero .kr-eyebrow,.kr-page-hero .kr-eyebrow,.kr-blog-hero .kr-eyebrow,.kr-article-hero .kr-meta{color:color-mix(in srgb,var(--white) 76%,var(--gold))}.kr-hero .kr-lede,.kr-page-hero .kr-lede,.kr-blog-hero .kr-lede,.kr-article-hero .kr-lede{color:color-mix(in srgb,var(--white) 88%,var(--paper));text-shadow:0 2px 18px rgba(0,0,0,.28)}.kr-answer{border-left:3px solid var(--red);padding:8px 0 8px 16px;background:transparent}
.kr-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.kr-button,.kr-form button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--ink);background:var(--ink);color:var(--white);text-decoration:none;font-weight:800;font-size:16px;cursor:pointer}.kr-hero .kr-button{border-color:var(--white);background:var(--white);color:var(--ink)}.kr-button.secondary,.kr-hero .kr-button.secondary{background:transparent;color:var(--white);border-color:color-mix(in srgb,var(--white) 58%,transparent)}
.kr-image{width:100%;height:auto;background:var(--white);display:block}
.kr-signalbar{background:var(--dark);color:color-mix(in srgb,var(--white) 86%,var(--paper));padding:16px 0}.kr-signalbar p{margin:0;max-width:980px}.kr-signalbar strong{color:var(--white)}.kr-band{padding:clamp(36px,7vw,76px) 0;border-top:1px solid color-mix(in srgb,var(--line) 68%,transparent)}.kr-band.alt{background:linear-gradient(180deg,color-mix(in srgb,var(--white) 54%,var(--paper)),var(--paper))}
.kr-grid-2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(24px,5vw,58px)}.kr-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kr-card{border-top:2px solid var(--red);padding-top:14px}.kr-card p{margin-top:8px}.kr-page,.kr-post{max-width:820px;margin:0 auto;padding:clamp(42px,7vw,82px) var(--gutter)}.kr-page p,.kr-post p{font-size:18px}.kr-page img,.kr-post img{max-width:100%;height:auto}
.kr-table{width:100%;border-collapse:collapse;background:var(--white)}.kr-table th,.kr-table td{border:1px solid var(--line);padding:14px;text-align:left;vertical-align:top}
.kr-article-visual{margin:28px 0}.kr-article-visual .kr-image{aspect-ratio:16/9;object-fit:cover}.kr-article-visual figcaption{font-size:14px;color:var(--muted);margin-top:8px}.kr-post h3{font-family:var(--body);font-size:21px;line-height:1.25;margin:22px 0 6px}.kr-post script{display:none}
.kr-tool{background:linear-gradient(135deg,var(--dark),#141211);color:var(--white);padding:clamp(20px,4vw,34px);display:grid;gap:14px}.kr-tool h2{color:var(--white)}.kr-tool-head{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:18px;align-items:center}.kr-tool-img{width:100%;height:auto;opacity:.92}
.kr-tool label,.kr-form label{font-weight:800;font-size:14px;color:color-mix(in srgb,var(--white) 82%,var(--gold))}.kr-form label{color:var(--dark)}.kr-field{display:grid;gap:8px;min-width:0}.kr-tool select,.kr-form input,.kr-form select,.kr-form textarea{width:100%;box-sizing:border-box;font:inherit;min-height:50px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--line) 75%,var(--gold));border-radius:0;background:var(--white);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.55);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.kr-tool select:focus,.kr-form input:focus,.kr-form select:focus,.kr-form textarea:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 16%,transparent);background:#fffdf8}.kr-form textarea{resize:vertical;min-height:150px}.kr-result{padding:16px 18px;background:color-mix(in srgb,var(--gold) 18%,var(--dark));border:1px solid color-mix(in srgb,var(--gold) 45%,var(--dark));min-height:48px}
.kr-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:780px;padding:6px 0 0;background:transparent;border:0}.kr-form .kr-field:nth-of-type(4),.kr-form button{grid-column:1/-1}.kr-footer{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding:0 var(--gutter);color:var(--muted);background:color-mix(in srgb,var(--paper) 92%,var(--white))}.kr-footer-inner{max-width:var(--wrap);margin:0 auto;padding:24px 0;display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.5fr) auto;gap:24px;align-items:center}.kr-footer p{margin:6px 0 0;max-width:320px;font-size:14px}.kr-footer-links{display:flex;justify-content:center;gap:10px 18px;flex-wrap:wrap}.kr-footer-links a{color:color-mix(in srgb,var(--red) 80%,var(--ink));font-weight:800}.kr-footer-links a:hover{color:var(--ink)}.kr-footer-note{display:grid;gap:4px;text-align:right;font-size:13px;color:var(--muted)}
.kr-page a:not(.kr-button),.kr-post a:not(.kr-button),.kr-band p a,.kr-lede a{color:color-mix(in srgb,var(--red) 84%,var(--ink));font-weight:780;text-decoration:none;background:linear-gradient(color-mix(in srgb,var(--gold) 28%,transparent),color-mix(in srgb,var(--gold) 28%,transparent)) 0 92%/100% 2px no-repeat;transition:color .18s ease,background-size .18s ease}.kr-page a:hover,.kr-post a:hover,.kr-band p a:hover{color:var(--ink);background-size:100% 7px}.kr-page-hero,.kr-blog-hero,.kr-article-hero{min-height:clamp(430px,58vh,660px);display:grid;align-items:end;padding:clamp(70px,10vw,128px) 0 clamp(34px,6vw,70px);border-bottom:0;background:linear-gradient(90deg,rgba(20,16,13,.88) 0%,rgba(20,16,13,.58) 48%,rgba(20,16,13,.16) 100%),linear-gradient(180deg,rgba(20,16,13,.14),rgba(20,16,13,.68)),url("assets/hero-amsterdam-kruisen-overlay.png") center/cover no-repeat;color:var(--white)}.kr-blog-hero{background-image:linear-gradient(90deg,rgba(20,16,13,.88) 0%,rgba(20,16,13,.55) 46%,rgba(20,16,13,.18) 100%),linear-gradient(180deg,rgba(20,16,13,.12),rgba(20,16,13,.68)),url("assets/blog-verhalen-over-kruisen.png")}.kr-overlay-copy{max-width:820px}.kr-overlay-copy h1{color:var(--white);text-shadow:0 5px 30px rgba(0,0,0,.36)}.kr-byline{margin:0 0 14px;color:color-mix(in srgb,var(--white) 76%,var(--gold));font-weight:760}.kr-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,4vw,42px)}.kr-post-card{padding:22px 0 24px;border-top:2px solid color-mix(in srgb,var(--red) 82%,var(--line));display:grid;gap:10px}.kr-post-card h2{font-size:clamp(25px,3vw,34px);margin:0}.kr-post-card p{margin:0;color:var(--muted)}.kr-readmore,.kr-article-next a{color:color-mix(in srgb,var(--red) 88%,var(--ink));font-weight:850;text-decoration:none}.kr-readmore:after{content:" →"}.kr-author-box{margin:clamp(36px,6vw,62px) 0 0;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:center}.kr-author-box h2{font-size:28px;margin:4px 0 8px}.kr-author-box p{margin:0 0 10px;color:var(--muted)}.kr-author-img{width:92px;height:92px;object-fit:cover;border-radius:50%}.kr-article-next{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap}.kr-list-page{display:grid;gap:24px}
@media(max-width:760px){.kr-nav{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-top:10px;padding-bottom:10px}.kr-brand{font-size:24px;min-width:0;overflow:hidden;text-overflow:ellipsis}.kr-menu-toggle{display:inline-flex}.kr-links{position:absolute;left:var(--gutter);right:var(--gutter);top:calc(100% + 1px);display:grid;gap:0;padding:10px 0;background:color-mix(in srgb,var(--paper) 96%,var(--white));border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);box-shadow:0 22px 44px rgba(25,23,22,.12);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.kr-menu-open .kr-links{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.kr-links a{display:block;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 52%,transparent);font-size:17px}.kr-links a:last-child{border-bottom:0}.kr-hero{min-height:640px}.kr-hero-grid,.kr-grid-2,.kr-tool-head{grid-template-columns:1fr}.kr-grid-3,.kr-post-grid,.kr-footer-inner,.kr-form{grid-template-columns:1fr}.kr-form .kr-field:nth-of-type(4),.kr-form button{grid-column:auto}.kr-table{font-size:15px}.kr-table th,.kr-table td{padding:10px}h1{font-size:44px}h2{font-size:30px}.kr-page p,.kr-post p{font-size:17px}.kr-footer-links{justify-content:flex-start}.kr-footer-note{text-align:left}.kr-page-hero,.kr-blog-hero,.kr-article-hero{min-height:520px}}